easyui的一些使用方法-持续更新

1.Jsp页面引入easyui jquery的方式

项目截图:

页面引入方式

  <head>

    <base href="<%=basePath%>">

    

    <title>后台管理系统</title>

 <!-- 引入jquery -->

    <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>

    <!-- 引入easyui核心 -->

    <script type="text/javascript" src="${pageContext.request.contextPath }/js/easyui/jquery.easyui.min.js"></script>

    <!-- 引入easyui样式 -->

    <link rel="stylesheet" href="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css" type="text/css"/>

    <link rel="stylesheet" href="${pageContext.request.contextPath }/js/easyui/themes/icon.css" type="text/css"/>

    <!-- 引入国际化 -->

    <script type="text/javascript" src="${pageContext.request.contextPath }/js/easyui/locale/easyui-lang-zh_CN.js"></script>

 </head>

2.页面动态添加easyui表格的方法

$.ajax({

type: "POST",

url: "winxCusAgentList.do?m=Receipt",

//传输数据   EDI单号,参数名:id

data: {"id":$('#ediNo').val()},

dataType: 'json',

//回调函数,data=集合

success: function (data) {

    $("#ReceiptDiv").append("<centre><div id='dg02'></div></centre>");

$("#dg02").append("<table id='dg' title='回执显示区域'></table>");

var replay=data.as;

if(replay!=null){

var option={};

option.columns=[[

      {field:'ediNo',title:'EDI单号',width:150},

      {field:'consignno',title:'委托方操作员IC卡号',width:150},

      {field:'responsecode',title:'响应编码',width:150},

      {field:'responsenotes',title:'响应状态',width:150},

      {field:'dataResult',title:'创建时间',width:150},

      {field:'createTime',title:'更新时间',width:150}

   ]];

   $('#dg').datagrid(option);

for(var s=0;s<replay.length;s++){

$('#dg').datagrid('insertRow',{

  row: {

  ediNo: ""+replay[s].ediNo+"",

  consignno:""+replay[s].consignno+"",

  responsecode: ""+replay[s].responsecode+"",

  responsenotes: ""+replay[s].ediNo+"",

  dataResult:""+replay[s].responsenotes+"",

  createTime:""+replay[s].createTime+""

  }

  });  

}    

3. easyui的panel的title居中样式

 $(function(){

    $('.panel-title').css('text-align','center')

});

4.IE下  datagrid生成时 js错误缺少标识符、字符串或数字解决办法


这个红框这里的逗号要去掉

理:在IE中,JSON最后一项的末尾是不允许有逗号的,在火狐,谷歌等浏览器下则可有可无。



未完待续,持续更新!



优秀的个人博客,低调大师

微信关注我们

原文链接:https://yq.aliyun.com/articles/500460

转载内容版权归作者及来源网站所有!

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

相关文章

发表评论

资源下载

更多资源
优质分享Android(本站安卓app)

优质分享Android(本站安卓app)

近一个月的开发和优化,本站点的第一个app全新上线。该app采用极致压缩,本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario,低调大师唯一一个Java游戏作品

Mario,低调大师唯一一个Java游戏作品

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Oracle Database,又名Oracle RDBMS

Oracle Database,又名Oracle RDBMS

Oracle Database,又名Oracle RDBMS,或简称Oracle。是甲骨文公司的一款关系数据库管理系统。它是在数据库领域一直处于领先地位的产品。可以说Oracle数据库系统是目前世界上流行的关系数据库管理系统,系统可移植性好、使用方便、功能强,适用于各类大、中、小、微机环境。它是一种高效率、可靠性好的、适应高吞吐量的数据库方案。

Sublime Text 一个代码编辑器

Sublime Text 一个代码编辑器

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。