jQuery easyui --datagrid内部嵌入dropdown
1. Easy UI参考:
Easyui官网帮助的URL:http://jeasyui.com/
在其中找到datagrid查看具体的帮助就可了。
2. JQuery easyui开发体会:最近开发了一个项目用的jquery easyui的框架,发现这个框架还不错,不是很复杂的开发,基本能满足要求,主要是免费的,帮助文档也还算完善,就是目前找不到源码,低版本的1.2.4我找到过源码,有的时候需要修改源码的话有点限制了,还有就是使用帮助的时候,有的属性或者方法提供的不是很全,但是比如layout继承panel,很多属性和方法就需要去panel里面去找了。
3.Datagrid添加dropdown功能介绍
今天主要讲一下easyui的datagrid控件,实际上结合了自己开发的脚本,目前这个控件还无法实现如上图的效果。
上图的easyui datagrid本身提供的功能有:展开/收缩,多行的checkbox选择
自己写js新增的功能:红色的删除图标,dropdown
3.1 找到需要添加dropdown的元素
var cell = $(‘tr[datagrid-row-index=‘ + index + ‘]‘).children(‘[field=location_detail]‘);
location_detail是列名,index参数是行号
3.2 具体添加的代码
<span style="font-size:18px;">var tr = null; if (isShelf) { cell.empty(); var table = $('<table cellspacing=0 cellpadding=0></table>'); cell.append(table); tr = $('<tr></tr>'); table.append(tr); } else { tr = cell.children('table').find('tr'); } var td = $("<td><div id='" + cbID + "' /></td>"); tr.append(td); $('#' + cbID).combobox({ panelMaxHeight: 250, valueField: 'code', textField: 'description', width: 85, data: json, onSelect: function (record) { var room_id = cbID.split('_')[0]; var level = parseInt(cbID.split('_')[1]); var nextLevel = level + 1; var rowIndex = parseInt(cbID.split('_')[2]); var childJson = getStorageList(_levelJson, room_id, nextLevel); if (childJson.length > 0) { var nextID = room_id + '_' + nextLevel.toString() + '_' + rowIndex.toString(); addCombobox(cell, childJson, nextID, false); } //The combobox will change if update storage_name } });</span>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。