如何给jquery easyUI datagrid 添加右键菜单

如何给jquery easyUI datagrid 添加右键菜单,第1张

//HTML中代码

<div id="menu" class="easyui-menu" style="width:150px"><div id="m-update">更新</div><div class="menu-sep"></div><%--分页下划线--%><div id="m-closeall">全部关闭</div><div id="m-closeother">除此之外全部关闭</div><div class="menu-sep"></div><div id="m-close">关闭</div>

//查询按钮

$("#getprefrominfo").click(function () {var cols = $.data(document.body, "selectcols")//数据缓存,获取需要查询的列名if (cols == null) {AlertMsg("请选择列!") return }else {$("#grid").datagrid("loading") var index = 0//0为查询var qp = {cols: cols,sortway: $.data(document.body, "sortway"),index: index} $("#result").empty() $("#grid").datagrid({queryParams: qp, //datagrid自带的传值参数

//这边可以不用queryParams传值,可以写成:

// url: '/report/PreformDrawInfo_Get?_=' + radomnum(1000)+data,

//其中data为字符串类型的数据

//但是在IE下不用queryParams的话,数据中出现中文字符或出现乱码url: '/report/PreformDrawInfo_Get?_=' + radomnum(1000),

onRowContextMenu: function (e, rowIndex, rowData) { //右击事件$.data(document.body, "selectupdaterodno", rowData['入库棒号'])//将右击选中的某行数据放在缓存中$('#menu').menu('show', {left: e.pageX, //d出窗口的方位坐标top: e.pageY}) e.preventDefault()//阻止浏览器自带的右键菜单d出}}) }})

//右击后触发的事件

$('#m-update').click(function () {postAjax("Report", "updateState", "rodno=" + $.data(document.body, "selectupdaterodno"), function (json) {if (!json.iserror) {$.data(document.body, "selectupdaterodno", "")//清空缓存AlertMsg("更新成功!") }}) })

function addTab(){

$('#tt').tabs('add',{

title:'New Tab ' ,

content:'Tab Body ' ,

iconCls:'icon-save',

closable:true,

tools:[{

// iconCls:'icon-mini-refresh',

handler:function(){

alert('add')

}

}]

})

}

我不太明白楼主所说的“动态”所指的是什么状态,一般来讲遇到过比较初级的人感觉“动态”一词仅是指可动的动画效果,这个的话还比较好说,但是如果楼主希望导航栏根据不同的访问者和访问条件变成不同的结构或内容,这个就不是js范畴好控制的了(当然也不是不行)

首先,是“可动的动画效果”,这个上来说easyUI并没有直接提同导航栏的控件或者样式,但是两种easyui提供的样式可以提供参考和辅助,一个是eaysui-menu类(参考Easyui官方帮助文档9页-创建简单菜单),另一个是panel面板(参考Easyui官方帮助文档15页-创建折叠面板)。具体要求可以追问

如果说动态的改变导航栏的结构和内容,那么多数请款下“动态”一次就不是指的js范畴了,这一般来讲是动态后台语言(如,asp,jsp,php等)的工作内容。当然js本身也可以达到类似的效果,但是只能是效仿。提供一个种简单的思路吧,有不明白可以追问。将所有可能的导航栏选项,都以静态形式上传到本地,然后在用户进行会改变导航栏的 *** 作的时候,由js从新生成页面内节点。当然如果需要刷新的页面的话,就在本地创建cookie,存储一些参数,然后再页面加载的过程中,根据cookie的参数,生成页面。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11864665.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存