<div id="<?php echo NS; ?>toolbar">
<div style="padding:5px">
<form id="<?php echo NS; ?>searchform">
<span>訂單號:</span>
<input class="easyui-textbox" id="sn" name="sn" data-options="iconCls:'icon-ok',prompt:'訂單號'" style="width:200px">
<label>
<a href="#" class="easyui-linkbutton" data-options="text: '搜索', iconCls:'icon-search'" onclick="<?php echo NS; ?>search()"/>
</label>
</form>
</div>
</div>
<p></p><p></p>
<!--AJAX數據填html模板-->
<div id="<?php echo NS;?>dataview_template" style="display:none">
<div style="margin-bottom:5px;font-size:14px;border-bottom:1px solid #ccc">
訂單詳情
</div>
<table cellspacing="12" style="border-color:#3399ff;padding:0;margin:0;width:100%;height:30px;">
<tbody>
<tr>
<td>訂單ID:</td>
<td>{{id}} </td>
<td>序號:</td>
<td>{{sn}} </td>
<td>標題描述:</td>
<td>{{title}} </td>
</tr>
<tr>
<td>訂單類型:</td>
<td>{{_type}} </td>
<td>訂單城市:</td>
<td>{{_cityid}} </td>
<td>總價:</td>
<td>{{sumprice}} </td>
</tr>
<tr>
<td>成本價:</td>
<td>{{cosprice}} </td>
<td>支付價:</td>
<td>{{payprice}} </td>
<td>狀態:</td>
<td>{{_status}} </td>
</tr>
<tr>
<td>支付時間:</td>
<td>{{paytime}} </td>
<td>會員名稱:</td>
<td>{{_memberid}} </td>
<td>機構名稱:</td>
<td>{{_corperid}} </td>
</tr>
<tr>
<td>訂單來源:</td>
<td>{{_platid}} </td>
<td>添加時間</td>
<td>{{_addtime}} </td>
<td>聯繫人手機號</td>
<td>{{contactmobile}} </td>
</tr>
</tbody>
</table>
</div>
<!--AJAX數據填充容器-->
<div id="<?php echo NS;?>dataview" style='margin:0;padding:20px 50px' data-options='novalidate:true'></div>
<script type="text/javascript">
$(document).ready(function(){
$('#sn').textbox({
inputEvents: $.extend({},$.fn.textbox.defaults.inputEvents,{
keyup:function(event){
alert($(this).val());
},
click:function(event){
alert($(this).val());
}
})
});
});
//JS佔位符替換
String.prototype.format = function() {
if(arguments.length === 0) return this;
var obj = arguments[0];
var s = this;
for(var key in obj) {
s = s.replace(new RegExp("\\{\\{" + key + "\\}\\}", "g"), obj[key]);
}
return s;
};
//點擊搜索操作按鈕
function <?php echo NS; ?>search() {
//格式化鍵值對name:value
var param = {};
$.each($("#<?php echo NS; ?>searchform").serializeArray(), function () {
param[this['name']] = this['value'];
});
$.ajax({
type: 'POST',
url: '/orders/order/ajax_index/'+param.sn,
dataType: "json",
beforeSend: function (xhr) {$.messager.progress();},
success: function (res) {
$.messager.progress('close');
if (res.status == 200) {
//$.messager.alert('操作提示', res.msg, 'info');
//console.log(res.data.id);
//數據填充
$("#<?php echo NS; ?>dataview").html($("#<?php echo NS; ?>dataview_template").html().format(res.item));
return true;
}
$("#<?php echo NS; ?>dataview").html('');
$.messager.alert('操作提示', res.msg, 'error');
}
});
}
</script>
easyui控件事件監聽委託給jquery事件監聽,keyup取最新值問題
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.