easyui 展开缩起

1.引用jquery-easyui-1.4.4/datagrid-detailview

2.增加属性

view: detailview,
detailFormatter: function (rowIndex, rowData) {
return ‘<table id="dftable" class="tableForm" width="100%">‘ +
‘<tr>‘ +
‘<td>‘ +
‘<p><span>是否集团电渠：</span>‘ + rowData.GroupChannel + ‘</p>‘ +
‘<p><span>渠道：</span>‘ + rowData.ChannelName + ‘</p>‘ +
‘<p><span>投诉类型：</span>‘ + rowData.ComplaintType + ‘</p>‘ +
‘<p><span>工单号：</span>‘ + rowData.OrderID + ‘</p>‘ +
‘</td>‘ +
‘<p><span>退费备注：</span>‘ + rowData.ReturnMark + ‘</p>‘ +
‘</td>‘ +
‘<td colspan="4">‘ +
‘<p><span>备注：</span>‘ + rowData.Mark + ‘</p>‘ +
‘</td>‘ +
‘<tr>‘ +
‘</tr>‘ +
‘</table>‘
}
});

效果图

时间： 2024-08-28 15:26:38

easyui 展开缩起的相关文章

easyUI 展开DataGrid里面的行显示详细信息

http://blog.csdn.net/yanghongchang_/article/details/7854156原著 datagrid 可以改变它的view(视图)去显示不同的效果.使用详细视图,datagrid可以显示展开按钮("+" 或者 "-")在数据行的左边,用户可以展开一个行去显示一个附加的详细信息. 查看 Demo 步骤 1: 创建 DataGrid [html] view plain copy <table id="dg"

在vim中使用zencoding/Emmet

zencoding在vim上的插件已经改名为Emmet.vim 1. 安装,推荐使用vundle插件管理器安装,在~/.vimrc中,添加:Bundle 'Emmet.vim',输入命令vim +BundleInstall +qall 即可完成安装: ? ? 个人vim配置:https://www.github.com/lozybean/myVimConfig.git 2. 常用的缩略词: ? ? # 添加一个id属性: ? ? . 添加一个class属性: ? ? > 添加一个下级标签: ?

如何解决EasyUI树菜单单击文字无法展开菜单的问题

最近遇到一个问题:单击EasyUI树菜单中的文字,菜单无法展开,只有单击加号才能展开,才有效果.如何解决这个问题呢?方法如下: 1 找到要添加的代码的位置,比如说 jquery.easyUI.min.js 文件中菜单的设置处(具体要看自己的项目是  在哪里设置) 2 找到onSelect 函数,然后添加如下代码: onSelect:function(node){      $(this).tree(node.state === 'closed' ? 'expand' : 'collapse', 

Easyui中tree组件实现搜索定位功能及展开节点定位

这几天遇到个input + tree  实现搜索功能的需求,在这里贴出来供大家参考下,如果你有更好的实现效果希望不腻赐教! 首先给大家看看效果     小二 上图  : 需要的部件知识: easyui API 方法: select       target        选择一个节点,'target'参数表示节点的DOM对象. expand    target         展开一个节点,'target'参数表示节点的DOM对象.在节点关闭或没有子节点的时候,节点ID的值(名为'id'的参数)

Easyui 异步树直接全部展开

初始化异步树直接全部展开代码: $(function(){ $('#tt').tree({ url:'<%=request.getContextPath()%>/treeInit', lines:true, onLoadSuccess:function(node,data){ var t = $(this); if(data){ $(data).each(function(index,d){ if(this.state == 'closed'){ t.tree('expandAll'); }

easyUI tree点击文字展开节点

easyUI默认展开树的时候,点击节点前边的黑色小三角 ,这样操作存在不人性化的地方,在实际使用中由于老旧电脑的存在和大龄使用者的眼花经常点不准:因此要实现点击节点名称展开的方式,其实就是在展开事件上加一个展开该节点的方法. 在onSelect事件中添加 $(this).tree('expand',node.target); 当选中该节点的时候,展开该节点下的节点,该方法只会展开下一级节点,并不会展开子节点下的节点. 如果要展开所有节点: $(this).tree('expandAll',nod

jQuery EasyUI使用教程之创建展开行详细编辑表单的CRUD应用

当切换datagrid视图到"detailview"时,用户可以展开一行来显示该行下面的任何详细信息.此功能允许用户为放置在行详细信息面板中的编辑表单提供恰当的布局.在本教程中,我们使用DataGrid组件来减少编辑表单所占用的空间. 查看演示 Step 1:在HTML标记中创建DataGrid <table id="dg" title="My Users" style="width:550px;height:250px"

Jquery EasyUI Combotree根据选中的值展开所有父节点

Jquery EasyUI Combotree根据选中的值展开所有父节点  Jquery EasyUI Combotree 展开父节点, Jquery EasyUI Combotree根据子节点选中的值,展开前面所有父节点, Jquery EasyUI Combotree获取选中的值 ================================ ?Copyright 蕃薯耀 2018年5月7日 http://www.cnblogs.com/fanshuyao/ 一.Combotree获取父节

easyui扩展行默认展开 以及 去除滚动条

问题背景: 在做打印页面的时候,要求有详细的默认展开显示. 遇到的问题: 1)在用扩展行的时候,grid的所有行都添加了展开收起的图标,(第二行没有明细)如下 2)默认展示有详细行的时候,内容被滚动条遮挡(影响打印) 3) 解决方法:在easyui扩展行的 onLoadSuccess 函数里进行处理 1 $list.datagrid({ 2 view: detailview, 3 onLoadSuccess: function (data) { 4 5 //没有详细的行 去掉 展示收起图标 6