jQuery easyui --datagrid内部嵌入dropdown
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQuery easyui --datagrid内部嵌入dropdown,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1631字,纯文字阅读大概需要3分钟。
内容图文
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>
原文:http://blog.csdn.net/jcx5083761/article/details/43792909
内容总结
以上是互联网集市为您收集整理的jQuery easyui --datagrid内部嵌入dropdown全部内容,希望文章能够帮你解决jQuery easyui --datagrid内部嵌入dropdown所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。