dwz中对jqGrid设置a标签-阿里云开发者社区

开发者社区> 沉默王二> 正文

dwz中对jqGrid设置a标签

简介: dwz中对jqGrid设置a标签
+关注继续查看

前言:本篇来介绍在DWZ框架中,如何对jqGrid组件进行a标签设置,防止其在点击的时候跳出dwz框架。


image.png


第一步


在dwz.ajax.js文件中先增加如下方法,仿照ajaxTodo方法进行改造,本方法是进行ajax请求成功后的jqGrid表格的数据刷新


/**
 * jqgrid中的ajaxtodo方法处理
 * 
 * @param url
 * @param jqgridid
 */
function ajaxTodojqgrid(url, jqgridid){
$.ajax({
  type:'POST',
  url:url,
  dataType:"json",
  cache: false,
  success: function (json){
   DWZ.ajaxDone(json);
   if (json[DWZ.keys.statusCode] == DWZ.statusCode.ok){
     // 对jqgrid进行重载
     $("#" + jqgridid).trigger("reloadGrid");
   }
  },
  error: DWZ.ajaxError
});
}

第二步


本文件内部的$.fn.extend({方法体内增加对a标签的扩展方法ajaxTodojqgrid,仿照ajaxTodo进行构造,本方法的作用是通过a标签的属性rel和href弹出操作确认框后,进行ajax请求


// jqgrid中操作
    ajaxTodojqgrid:function(){
  return this.each(function(){
    // 点击的jquery对象
    var $this = $(this);
    $this.click(function(event){
    // url地址
    var url = unescape($this.attr("href")).replaceTmById($(event.target).parents(".unitBox:first"));
    DWZ.debug(url);
    if (!url.isFinishedTm()) {
        alertMsg.error($this.attr("warn") || DWZ.msg("alertSelectMsg"));
        return false;
    }
    // 获取标题
    var title = $this.attr("title");
    // 获取需要刷新的jqgridid
    var jqgridid = $this.attr("rel");
    if (title) {
        alertMsg.confirm(title, {
      okCall: function(){
        // 调用方法
        ajaxTodojqgrid(url, jqgridid);
      }
        });
    } else {
        ajaxTodojqgrid(url, jqgridid);
    }
    // 阻止当前a标签的动作
    event.preventDefault();
    });
  });
    },



第三步


在对应的列表页面对应的js中增加对jqgrid中的a标签进行dwz加载操作,你可以写到共通方法内部,在是在jqGrid的gridComplete方法中执行的,也就是说jqGrid的初始化完成后,需要进行如下两个方法的调用,你可以参照第三步


/**
 * 设置jqgrid的超链接方式
 */
function initjqgridNavTab(){
     // navTab table.jqgrid
    $(".jqgrid a[target=navTab]").each(function(){
        $(this).click(function(event){
            var $this = $(this);
            var title = $this.attr("title") || $this.text();
            var tabid = $this.attr("rel") || "_blank";
            var fresh = eval($this.attr("fresh") || "true");
            var external = eval($this.attr("external") || "false");
            var url = unescape($this.attr("href")).replaceTmById($(event.target).parents(".unitBox:first"));
            DWZ.debug(url);
            if (!url.isFinishedTm()) {
                alertMsg.error($this.attr("warn") || DWZ.msg("alertSelectMsg"));
                return false;
            }
            navTab.openTab(tabid, url,{title:title, fresh:fresh, external:external});
            event.preventDefault();
        });
    });
}
function initjqgridAjaxtodo() {
    // dwz.ajax.js jqgrid
    if ($.fn.ajaxTodojqgrid) {
  $("a[target=ajaxTodojqgrid]").ajaxTodojqgrid();
    }
}



第四步


然后在jqgrid的 gridComplete : function() {方法中增加调用


// 初始化超链接方式

                       initjqgridNavTab();

                       

                       // 初始化ajaxtodo

                       initjqgridAjaxtodo();



版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
10012 0
用A标签实现页面内容定位 点击链接跳到具体位置
  经常在维基百科等网站看到目录列表,点击链接会跳到具体的位置,小美眉一直在问是怎么做到的,其实挺简单的,用A标签实现页面内容定位就行了。实例参考微信营销理论手册的目录。   首先用A标签定义目录的链接。
690 0
在Sql Server中使用Guid类型的列及设置Guid类型的默认值
原文:在Sql Server中使用Guid类型的列及设置Guid类型的默认值 1.列的类型为uniqueidentifier 2.列的默认值可以设为newid(),列类型也可以为 varchar 3.
1006 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13810 0
解决Druid设置Oracle的Clob字段时的小坑
众所周知,Oracle有很多坑, 所以才有了去IOE。 在使用Druid做数据库连接池后,其实偶尔也会碰到小坑,这就是使用开源项目所必须去填平的。【如果使用不开源的产品,那就不是坑,而是陷阱了,你都不知道怎么去填坑】 用Druid连接池,通过JDBC往Oracle数据库的Clob字段插入数据,或者更新数据时,一个问题出现了。
2021 0
+关注
沉默王二
微信搜索「沉默王二」,回复关键字「00」获取硬核计算机基础资料。
1084
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载