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

0o莪蕞拽卜o0 2023-03-18 17:26

• 

  ___梦断不成归

  2023-03-18 18:07

  这次给大家带来jQuery EasyUI插件怎么创建菜单链接按钮，jQuery EasyUI插件创建菜单链接按钮的注意事项有哪些，下面就是实战案例，一起来看一下。

  菜单（Menu）定义在一些 p 标记中，如下所示：

  New

  Open

  Word

  Excel

  PowerPoint

  Save

  Exit

  当菜单创建之后是不显示的，调用 'show' 方法显示它或者调用 'hide' 方法隐藏它：

  $('#mm').menu('show', { left: 200, top: 100 });

  创建链接按钮（Link Button）

  通常情况下，使用 元素来创建按钮，而链接按钮（Link Button）则是使用 元素来创建的。所以实际上一个链接按钮（Link Button）就是一个显示为按钮样式的 元素。

  为了创建链接按钮（Link Button），所有您需要做的就是添加一个名为 'easyui-linkbutton' 的 class 属性到 元素：

  Cancel Refresh Query text button Print

  Cancel Refresh Query text button Print

  正如您所看到的，iconCls 属性是一个 icon 的 CSS class 样式，它在按钮上显示一个 icon 图片。

  有时候您需要禁用链接按钮（Link Button）或者启用它，下面的代码演示了如何禁用一个链接按钮（Link Button）：

  $(selector).linkbutton('disable'); // call the 'disable' method

  相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

  推荐阅读：

  iframe中页面锚点失效如何处理

  jQuery获取iframe元素

  //HTML中代码 < div id="menu" class="easyui-menu" style="width:150px;">

  更新

  <%--分页下划线--%>

  全部关闭

  除此之外全部关闭

  关闭

  //查询按钮$("#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, //弹出窗口的方位坐标 top: e.pageY }); e.preventDefault(); //阻止浏览器自带的右键菜单弹出 } }); } }); //右击后触发的事件$('#m-update').click(function () { postAjax("Report", "updateState", "rodno=" + $.data(document.body, "selectupdaterodno"), function (json) { if (!json.iserror) { $.data(document.body, "selectupdaterodno", ""); //清空缓存 AlertMsg("更新成功!"); } }); });

  $("#id").datagrid({ onContextMenu:function(e,row){ alert(row.id); }});

  0 讨论(0)
  发布评论:

  提交评论

  ---

  •  加载中...