开发者社区> 幻凡ss> 正文

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

简介: 1.Jsp页面引入easyui jquery的方式 项目截图: 页面引入方式                  后台管理系统                                             2.
+关注继续查看

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最后一项的末尾是不允许有逗号的,在火狐,谷歌等浏览器下则可有可无。



未完待续,持续更新!



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

相关文章
阅读源码入门实践系列之 element ui(1)
阅读源码入门实践系列之 element ui(1)
35 0
QT5软件开发入门到项目实战PDF(配完整示例代码)(持续更新)
QT5软件开发入门到项目实战PDF(配完整示例代码)(持续更新)
1253 0
React 入门学习(八)-- GitHub 搜索案例
React 入门学习(八)-- GitHub 搜索案例
83 0
Bootstrap响应式前端框架笔记十一——分页与标签
Bootstrap响应式前端框架笔记十一——分页与标签
123 0
easyui的一些使用方法
版权声明:转载请注明作者及出处,否则将追究法律责任。 https://blog.csdn.net/q2158798/article/details/79310258 1.
1387 0
前端JS的一些使用方法-持续更新
1.JS格式化时间方法 格式一: 2018-1-29-10:34:49       var curr_time = new Date();       Myformatter(curr_t...
1072 0
UWP入门(十二)--数据绑定用法
原文:UWP入门(十二)--数据绑定用法 主要几个元素: Template DataTemplate ItemSource 数据绑定是一个数据提取的方法,能使数据和UI上的控件紧密相连,下面的Demo是这样的: 有许多书的集合,书 类中有图片、标...
1103 0
+关注
幻凡ss
技术小青年
文章
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
QQ移送页面框架优化实践
立即下载
QQ移动页面框架优化实践
立即下载