easyui中 datagrid與pagination結合使用【記錄】
阿新 • • 發佈：2017-05-26
fit def ext flag break nowrap isp emp inline
/* */,
delay:1000,
validateOnCreate:false,
validateOnBlur:true
});
$(‘#ipt_gm_bankName‘).textbox({
validType:‘name‘,
invalidMessage:‘格式不正確，只能為中文或英文‘,
delay:1000,
validateOnCreate:false,
validateOnBlur:true
});
$(‘#ipt_gm_bankAccount‘).textbox({
validType:[‘number‘,‘length[5,30]‘],
delay:1000,
validateOnCreate:false,
validateOnBlur:true
});
$(‘#ipt_gm_address‘).textbox({
multiline:true,
validType:"maxLength[64]",
invalidMessage:‘輸入最大長度為64個字符‘,
delay:1000,
validateOnCreate:false,
validateOnBlur:true
});
$(‘#ipt_gm_usageState‘).combobox({
data:[{‘id‘:1,‘text‘:‘使用‘,‘selected‘:true},{‘id‘:2,‘text‘:‘凍結‘}]
,valueField:‘id‘
,textField:‘text‘
,editable:false
,panelHeight:‘auto‘
});
$(‘#ipt_gm_sortCode‘).numberbox({});
$(‘#ipt_gm_sortCode‘).numberbox(‘setValue‘,100);
var addGuestManageDiv_dialog = $(‘#div‘).dialog({
title: ‘新增客源‘,
width: 400,
height: 480,
modal: true,
onClose:function(){
$(this).dialog(‘destroy‘);
},
buttons:[{
text:‘確定‘,
handler:function(){
if(!$(‘#ipt_gm_channelName‘).textbox(‘isValid‘)){
$(‘#ipt_gm_channelName‘).textbox(‘textbox‘).focus();
return;
}
if(!$(‘#ipt_gm_rentplanId‘).combobox(‘isValid‘)){
$(‘#ipt_gm_rentplanId‘).combobox(‘textbox‘).focus();
return;
}
if(!$(‘#ipt_gm_sourceGroupId‘).combobox(‘isValid‘)){
$(‘#ipt_gm_sourceGroupId‘).combobox(‘textbox‘).focus();
return;
}
if(!$(‘#ipt_gm_contact‘).textbox(‘isValid‘)){
$(‘#ipt_gm_contact‘).textbox(‘textbox‘).focus();
return;
}
if(!$(‘#ipt_gm_mobile‘).numberbox(‘isValid‘)){
$(‘#ipt_gm_mobile‘).numberbox(‘textbox‘).focus();
return;
}
if(!$(‘#ipt_gm_email‘).textbox(‘isValid‘)){
$(‘#ipt_gm_email‘).textbox(‘textbox‘).focus();
return;
}
if(!$(‘#ipt_gm_address‘).textbox(‘isValid‘)){
$(‘#ipt_gm_address‘).textbox(‘textbox‘).focus();
return;
}
if(!$(‘#ipt_gm_bankName‘).textbox(‘isValid‘)){
$(‘#ipt_gm_bankName‘).textbox(‘textbox‘).focus();
return;
}
if(!$(‘#ipt_gm_bankAccount‘).textbox(‘isValid‘)){
$(‘#ipt_gm_bankAccount‘).textbox(‘textbox‘).focus();
return;
}
var data = {};
data.channelName = $(‘#ipt_gm_channelName‘).textbox(‘getValue‘);
data.rentplanId = $(‘#ipt_gm_rentplanId‘).combobox(‘getValue‘);
data.sourceGroupId = $(‘#ipt_gm_sourceGroupId‘).combobox(‘getValue‘);
data.contact = $(‘#ipt_gm_contact‘).textbox(‘getValue‘);
data.mobile = $(‘#ipt_gm_mobile‘).numberbox(‘getValue‘);
data.email = $(‘#ipt_gm_email‘).textbox(‘getValue‘);
data.bankAccount = $(‘#ipt_gm_bankAccount‘).textbox(‘getValue‘);
data.address = $(‘#ipt_gm_address‘).textbox(‘getValue‘);
data.usageState = $(‘#ipt_gm_usageState‘).combobox(‘getValue‘);
data.sortCode = $(‘#ipt_gm_sortCode‘).numberbox(‘getValue‘);
if(data.sortCode == ""){
data.sortCode = 100;
}
data.salerUserId = 0;
data.salerUsername = "";
data.telephone = "";
data.credit = 1;
data.creditAmount = 0;
data.balance = 0;
data.remark = "";
console.info(data)
$.ajax({
type:‘post‘,
url:‘../channel/add‘,
data:data,
dataType:‘json‘,
success:function(result){
console.info(result);
if(result==-3333){
$.messager.show({title:‘系統提示‘,msg:‘您沒有該操作的權限！‘,timeout:2000});
return;
}
if(result== -201 || result==-111 || result == -112){
$.messager.show({title:‘系統提示‘,msg:‘參數錯誤！‘,timeout:2000});
return;
}
if(result == 0){
$.messager.show({title:‘系統提示‘,msg:‘新增失敗！‘,timeout:2000});
return;
}
if(result>0){
addGuestManageDiv_dialog.dialog(‘close‘);
var data1 = {};
data1.channelName = "";
data1.usageState = 0;
eapor.utils.defaultAjax("../channel/getChannelCount",data1,gm_getAddResultPageCountCallback);
$.messager.show({title:‘系統提示‘,msg:‘新增成功！‘,timeout:2000});
return;
}
$.messager.show({title:‘系統提示‘,msg:‘新增失敗！‘,timeout:2000});
}
})
}
},{
text:‘取消‘,
handler:function(){
addGuestManageDiv_dialog.dialog(‘close‘);
}
}]
})
};/**
* Js名稱：客源基本管理
*
*/
var setPageNumber = 1;
var setPageSize = 10;
var guestManageListData = {};
//loader
var guestManageArray=[];
var guestManageLoader=function(param,success,error){
if(!$.isEmptyObject(guestManageArray)){
success(guestManageArray);
return true;
}
$.ajax({
url:"../channel/pglist",
type:"post",
dataType:"json",
data:guestManageListData,
success: function(data){
if(data=="-3333" || data==""){
success([]);
return true;
}
guestManageArray=data;
success(guestManageArray);
}
,error:function(err){
alert(err);
}
});
};
/*搜索*/
function searchGuestManage(){
var data = {};
data.channelName = $(‘#ipt_guestName_guest_manage‘).textbox(‘getValue‘);
data.usageState = 0;
guestManageData = data;
eapor.utils.defaultAjax(‘../channel/getChannelCount‘,data,gm_getPageCountCallback);
}
//新增
function addGuestManage(){
$(‘#addGuestManageDiv‘).append(
‘<div id="div" style="padding-top:20px;padding-left:50px;">‘+
‘<div style="margin-bottom:8px">‘+//<!-- 客源名稱 -->
‘<input id="ipt_gm_channelName" style="width:240px;"‘+
‘label="<span style=\‘color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\‘>*</span>客源名稱 ：" labelPosition="before" labelAlign="right" labelWidth="100"/>‘+
‘</div>‘+
‘<div style="margin-bottom:8px">‘+//<!-- 房價方案-->
‘<input id="ipt_gm_rentplanId" style="width:240px;"‘+
‘label="<span style=\‘color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\‘>*</span>房價方案：" labelPosition="before" labelAlign="right" labelWidth="100"/>‘+
‘</div>‘+
‘<div style="margin-bottom:8px">‘+//<!-- *客源組 -->
‘<input id="ipt_gm_sourceGroupId" style="width:240px;"‘+
‘label="<span style=\‘color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\‘>*</span>客源組：" labelPosition="before" labelAlign="right" labelWidth="100" />‘+
‘</div>‘+
‘<div style="margin-bottom:8px">‘+//<!-- 聯系人 -->
‘<input id="ipt_gm_contact" style="width:240px;"‘+
‘label="<span style=\‘color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\‘>*</span>聯系人：" labelPosition="before" labelAlign="right" labelWidth="100"/>‘+
‘</div>‘+
‘<div style="margin-bottom:8px">‘+//<!-- 聯系手機 -->
‘<input id="ipt_gm_mobile" style="width:240px;"‘+
‘label="<span style=\‘color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\‘>*</span>聯系手機：" labelPosition="before" labelAlign="right" labelWidth="100"/>‘+
‘</div>‘+
‘<div style="margin-bottom:8px">‘+//<!-- 郵箱 -->
‘<input id="ipt_gm_email" style="width:240px;"‘+
‘label="郵箱：" labelPosition="before" labelAlign="right" labelWidth="100"/>‘+
‘</div>‘+
‘<div style="margin-bottom:8px">‘+//<!-- 開戶行 -->
‘<input id="ipt_gm_bankName" style="width:240px;"‘+
‘label="開戶行：" labelPosition="before" labelAlign="right" labelWidth="100"/>‘+
‘</div>‘+
‘<div style="margin-bottom:8px">‘+//<!-- 賬號 -->
‘<input id="ipt_gm_bankAccount" style="width:240px;"‘+
‘label="賬號：" labelPosition="before" labelAlign="right" labelWidth="100"/>‘+
‘</div>‘+
‘<div style="margin-bottom:8px">‘+//<!-- 地址 -->
‘<input id="ipt_gm_address" style="width:240px;"‘+
‘label="通訊地址：" labelPosition="before" labelAlign="right" labelWidth="100"/>‘+
‘</div>‘+
‘<div style="margin-bottom:8px">‘+//<!-- 狀態-->
‘ <input id="ipt_gm_usageState" style="width:240px;" ‘+
‘label="狀態：" labelPosition="before" labelAlign="right" labelWidth="100"/>‘+
‘</div>‘+
‘<div style="margin-bottom:8px">‘+//<!-- 優先級-->
‘<input id="ipt_gm_sortCode" style="width:240px;"‘+
‘label="優先級：" labelPosition="before" labelAlign="right" labelWidth="100"/>‘+
‘</div>‘+
‘</div>‘
);
$(‘#ipt_gm_channelName‘).textbox({
required:true,
missingMessage:‘客源名稱不能為空！‘,
delay:1000,
validateOnCreate:false,
validateOnBlur:true
});
$(‘#ipt_gm_rentplanId‘).combobox({
url:‘../rentplan/pglist‘
,queryParams:{limit:9999,offset:0,rentplanName:‘‘}
,valueField: ‘rentplanId‘,textField:‘rentplanName‘
,editable:false
,panelHeight: ‘auto‘
,panelMaxHeight:200,
required:true,
missingMessage:‘房價方案不能為空！‘,
validateOnCreate:false,
validateOnBlur:true
});
$(‘#ipt_gm_sourceGroupId‘).combobox({
url:‘../sourcegroup/pglist‘,
queryParams:{limit:9999,offset:0,groupName:‘‘},
valueField:‘sourceGroupId‘,textField:‘sourceGroupName‘,
editable:false,
panelHeight: ‘auto‘,
panelMaxHeight:200,
required:true,
missingMessage:‘客源組不能為空！‘,
validateOnCreate:false,
validateOnBlur:true
});
$(‘#ipt_gm_contact‘).textbox({
required:true,
missingMessage:‘聯系人不能為空！‘,
validType:"maxLength[32]",
invalidMessage:‘輸入最大長度為32個字符‘,
delay:1000,
validateOnCreate:false,
validateOnBlur:true
});
$(‘#ipt_gm_mobile‘).numberbox({
required:true,
missingMessage:‘手機號碼不能為空！‘,
validType:‘mobilephone‘,
invalidMessage:‘手機號碼格式不正確，如：13700001234‘,
delay:1000,
validateOnCreate:false,
validateOnBlur:true
});
$(‘#ipt_gm_email‘).textbox({
validType:‘email‘,
invalidMessage:‘郵箱格式輸入不正確，如:[email protected]//新增後同步分頁總數
easyui中 datagrid與pagination結合使用【記錄】