js/jsp常用记录（一）
js中调用后台方法：
function requsetPaymentDialog(paymentRequestIds){
ArpPaymentRequestManager.submitPayment(paymentRequestIds, function(row) {
}
}
onSelect 和 onChange事件
$('#search_payerBankAccount').combogrid({
onSelect : function (){
}
});
$("#inpAccountsName").combogrid({
onChange : function (newValue, oldValue){
if("" != newValue && null != newValue){
BasCustBankManager.findByExample({custBankId : newValue} ,function(custBankInfo){
custBankModel = custBankInfo[0];
$("#inpBankName").val(custBankModel.bankName);
} else {
$("#intoPublicPrivate").combogrid("setValue","");//对公对私
}
});
});
$("#edit_settlementObjectCode").combogrid('options').onChange = function (newValue, oldValue){
var currencyCode = $("#edit_currencyCode").combogrid("getValue");
if('' != newValue && null != newValue){
}
};
将currencyCode的值添加到 $('#search_payerBankAccount') 下拉选择查询中作为条件
$('#search_payerBankAccount').combogrid('grid').datagrid('setQueryFields', [{
fieldName:"currencyCode",
fieldStringValue:currencyCode
},{
fieldName:"custCode",
fieldStringValue:settlementObjectId
}]);
js中对浮点型的处理
balanceAmount = parseFloat(amount)+parseFloat(bankHandingFee)-parseFloat(strikeAmount);
js中变量判断
var amount = $('#search_amount').val();
if(isBlank(amount))amount='0';
自定义下拉选项
<td align="right">是否已到账<input name="toAccountStatus" id="search_toAccountStatus" class="easyui-combobox" /></td>
$("#search_toAccountStatus").combobox({
data:[{'val':'0','text':'未到账'},{'val':'1','text':'已到账'}],
valueField:'val',
textField:'text'
});
jsp调用自动生成的查询方法
function query() {
$("#gridResult").datagrid('setQueryFields', [{
fieldName : "userUuid",
fieldStringValue : userUuid
}]);
$("#gridResult").datagrid("commonQuery", {
queryType : "arpPaymentRequestQueryManager",
paramForm : "formQuery"
});
}
jsp调用在Fros工具中自定义的查询语句方法
$("#gridResult").datagrid('setQueryFields', [ {
fieldName : "issuedDate",
fieldStringValue : ""+issuedDate
},{
fieldName : "userUuid",
fieldStringValue : ""+userUuid
}]);
}
$("#gridResult").datagrid("commonQuery", {
queryType : "ArpCheakErrorQuery"
});
js中调用http request 中的 全局变量
var userUuid = "<%=userUuid%>";
js中修改元素中的属性
$("#hasDo,#hasNoDo").attr('checked', 'checked');
js中修改table行中的值，最后用acceptChanges来刷新
for ( var i = 0; i < orderDetails.length; i++) {//修改订单明细为已退款状态
if ('3' == orderDetails[i].refundStatus) {
orderDetails[i].refundStatus = refundStatus;
$("#tabOrderDetail").datagrid("updateRow", {
index : $("#tabOrderDetail").datagrid("getRowIndex", orderDetails[i]),
row : orderDetails[i]
});
}
}
$("#tabOrderDetail").datagrid("acceptChanges");
jsp中编辑一行时动态运算加载
$("#invoiceRows").datagrid("getColumnEditor", "vatTypeId").combogrid("setQueryFields", [ {
fieldName : "accOrgId",
fieldStringValue : accOrgId
},{
fieldName : "rpFlag",
fieldStringValue : rpFlag
}]);
jsp中编辑行中的某列时触发js事件getColumnEditor 获取列编辑器
$("#id").datagrid("getColumnEditor","列名").combogrid("options").onselect=function(Object1,Object2){
}
jsp加载事件中，当 invoiceRows表格编辑时
$("#invoiceRows").datagrid("options").onBeginEdit = function(rowIndex, rowData) {
$.fn.datagrid.defaults.onBeginEdit.apply(this, [rowIndex, rowData]);
loadOnBeginEdit();
};
$("#invoiceRows").datagrid("options").onAfterEdit = function(rowIndex, rowData,changes) {
$.fn.datagrid.defaults.onAfterEdit.apply(this, [rowIndex, rowData,changes]);
};
获取 input hidden 中的值 并赋值给 新增是 打开的那一行 （实现 开票类型默认值）
var vatTypeId_type = $('#vatTypeId_type').val();
$("#invoiceRows").datagrid("appendRow", {
"currencyCode":"CNY",
"vatTypeId":vatTypeId_type
});
var updateRows = $("#tblQueryGrid").datagrid('getChanges','updated'); //得到修改的数据
var deleteRows = $("#tblQueryGrid").datagrid('getChanges','deleted'); //得到删除的数据
var insertRows = $("#tblQueryGrid").datagrid('getChanges','inserted'); //得到新增的数据
var row = $('.yunxin-data-goods').datagrid('getChanges', "updated"); //先更新数据
$('.yunxin-data-goods').datagrid('acceptChanges'); //再获取数据
<input name="billingTypeId" style="width:150px" operator="likeAnywhere" maxlength="50"/> //指定字段的条件操作符
保存之后数据刷新回 grid
function save() {
BasDangerManager.saveAll(rows, function(result) {
$("#gridResult").datagrid("refreshSavedData", result);
$.messager.alert("提示", "保存成功", "info");
});
};
easyui appendRow实现数据带回
$("#gridResultRate").datagrid('loadData', {rows : data}); 将查出的数据加载到表格中
$("#gridResultRate").datagrid('refreshRow', 0); 刷新表格中的某一行
$("#gridResult").datagrid("reload"); 刷新
$("#gridResultBasCustOracleCode").datagrid("appendRow", {}); 清空表格信息
设置下拉框可多选
input中 加 multiple="true"
多按钮选择实现 例子：
<from ***********>
<div colspan="4">
<input name="ifdlStatus" type="checkbox" id='hasUpload' checked="checked" value="00"/>未上传
<input name="ifdlStatus" type="checkbox" id='hasNoUpload' value="01,04"/>已上传
<input name="ifdlStatus" type="checkbox" id='uploadSuccess' value="03"/>上传成功
<input name="ifdlStatus" type="checkbox" id='uploadFailed' value="02" checked="checked"/>上传失败
</div>
</from>
jsp页面加载时 进行 列 求和 并 显示到 表的 脚部 方法：
$(document).ready(function(){
$("#gridResult").datagrid('options').onLoadSuccess=function(data){
var ck=$("#chkCrossPage").attr('checked');
if(ck){
var ot = $("#gridResult").datagrid('options').queryFields;
IfdplineManager.queryIfdplineSum(ot, null,null, function(list){
if(isBlank(list)){
return;
}
var frows = $('#gridResult').datagrid('getFooterRows');
var fro = frows[0];
var ifdlEnteredAmount = list.ifdlEnteredAmount;
fro.ifdlEnteredAmount= ifdlEnteredAmount;
var ifdlAccountedAmount = list.ifdlAccountedAmount;
fro.ifdlAccountedAmount= ifdlAccountedAmount;
$('#gridResult').datagrid("reloadFooter", frows);
});
}else{
$("#gridResult").datagrid("refreshFooter");
}
};
th 类型中的翻译下拉选项中的值：
<th field="settlementType" title="结算单位类型" formatter="formatterValue"/>
//结算单位类型，BIZ_OBJECT=业务对象，SETTLEMENT_OBJECT=结算对象
function formatterValue(v){
if(v=='BIZ_OBJECT') return '业务对象';
if(v=='SETTLEMENT_OBJECT') return '结算对象';
return v;
}
input类型中的下拉选择：
<input name="settlementType" id="serch_settlementType" class="easyui-combobox" title="结算单位类型" required="true"/>
$(function(){
$("#serch_settlementType").combobox({
data:[{'val':'BIZ_OBJECT','text':'业务对象'},{'val':'SETTLEMENT_OBJECT','text':'结算对象'}],
valueField:'val',
textField:'text'
});
$('#isActive').combobox('setValue','Y');
$('#serch_isPartAmountMatch').combobox('setValue','N');
});
th 类型中 的下拉选择：
<th field="autoUploadMonth" title="月份" width=100px
editor="{type:'combobox',options:{
panelHeight:100,
editable:false,
required:true,
multiple:true,
data:[{modifyText:'1',value:'1'},{modifyText:'2',value:'2'}],valueField:'value',textField:'modifyText'}}" />
