DataGrid- formatter:formatOper方法不可用

      做新生系统的时候,出现这样一种情况,数据都能显示出来,但是最不事件不能触发:

      图示:

      代码如下:

	<!--学院列表*******start*******胡晓洁 ***********2015年7月12日16:48:53****************************-->
	<div id="dginstitution" class="easyui-dialog"
		style="width: 650px; height: 400px;" closed="true"
		buttons="#reDlg-buttons">
		<form id="refm" method="post">
			<table id="schoolDg" class="easyui-datagrid" name="schoolDg"
				<%-- 				url="${pageContext.request.contextPath}/queryLeftSchool?buildType=女" --%>
				pagination="true"
				rownumbers="true" fitColumns="true" toolbar="#reToolbar"
				singleSelect="true">
				<thead>
					<tr>
						<th>学院</th>
						<th>学生类型</th>
						<th>未分配人数</th>
						<th data-options="field:'aaa',width:50,align:'center',formatter:formatOper">分配宿舍</th>
					</tr>
				</thead>
			</table>
		</form>
	</div>

	//宿舍楼列表   (查询所有  + 有空缺的宿舍     的宿舍楼列表)
		function formatOper(val, row, index) {
			return '<span  class="icon-edit"   plain="true"  οnclick="setInstitution('
					+ index + ')">      </span>';
		}
		//弹出分配学院的页面     (查询所有     +未分配宿舍人员+ 性别   的学院列表信息)
		function setInstitution(index) {
			$('#dgbuild').datagrid('selectRow', index);
			var row = $('#dgbuild').datagrid('getSelected');
			if (row) {
				$('#dginstitution').dialog('open').dialog('setTitle', '选择学院');
				$("#dginstitution").dialog(
						"move",
						{
							top : $(document).scrollTop()
									+ ($(window).height() - 450) * 0.5
						});
				$('#schoolDg')
						.datagrid(
								{
									'url' : "${pageContext.request.contextPath}/queryLeftSchool?buildType="
											+ row.sex + "&buildId=" + row.id,
									columns : [ [ {
										field : 'institutionName',
										title : '学院',
										width : '25%'
									}, {
										field : 'sex',
										title : '学生类型',
										width : '18%'
									}, {
										field : 'studentsCont',
										title : '未分配人数',
										width : '20%'
									}, {
										field : 'aaa',
										title : '分配宿舍',
										width : '20%'
									}, ] ]
								}

						);

			}
		}

解决方法:

      绑定数据时,把该属性绑定上。

{

                                                        field: 'aaa',

                                                        title: '分配宿舍',

                                                        formatter: formatReOper,

                                                        width: '20%'

                                                  }

这样改函数就能正常使用了。

总结:

       1.当我们采用js获取数据源绑定数据源时,easyUIdataGrid上绑定的属性就会失效,要想使某属性起作用,一定要在js中绑定数据源的部分加上该属性。

       2.绑定的field字段名称不可以重复。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值