• jQuery EasyUI使用教程:创建一个课程表 jQuery EasyUI最新版下载 本教程将为你展示如何使用jQuery EasyUI创建一个学校的课程表。我们将创建两个表:学校的科目在左边,时间表在右边,你可以拖动学校科目并将其放在时间表的单元格中。学校的科目是一个div class=item元素,然而时间表单元格是一个td class=drop元素。 显示学校科目 显示时间表 Monday Tuesday Wednesday Thursday Friday 08:00 拖动左侧的学校科目 $(.left .item).draggable({revert:true,proxy:clone}); 将学校的科目放在时间表...

  • jQuery EasyUI学习04:布局控件整理 jQuery EasyUI的布局: 1.tabs选项卡布局class=easyui-tabs 2.panel面板布局class=easyui-panel 3.accordion分类布局 class=easyui-accordion 4.layout布局class=easyui-layout 东南西北布局 针对布局:附上一个简单的开发实例,以供大家学习 script type=text/javascript $(function(){ test.init.pageUI(); //初始化页面按钮上面的事件... test.init.bindEvent(); }) /** 面向对象的编程思想处理: 1.init对象 pageUI方法: 1.初始化tree 2.关联tab,没有目标tab,则创建目标tab。如果有,则切换...

  • jQuery EasyUI学习02:datagrid控件整理 控件datagrid使用 注意点:数据中有控件需要渲染 script type=text/javascript $(function(){ /** * 当列中有动态的数据和按钮的,比如: a id=btn href=# class=easyui-linkbutton 预定/a 直接写出这样是不会显示按钮的。 要注意js代码的执行顺序。 首先,加载页面完毕,后把js+css等库加载上。 其次,这些库再渲染组件。 然后,加载json数据,a标签才来,这时已不会渲染。 所以,在数据加载完毕之后再做渲染(就是通过js创建)。 */ $(#datagrid)...

  • jQuery EasyUI使用教程:扩展数据网格的编辑器 jQuery EasyUI允许一些常见的编辑器添加到数据网格中,以便用户编辑数据。所有的编辑器都定义在$.fn.datagrid.defaults.editors对象中,这个可以继承扩展以便支持新的编辑器。本教程将向您展示如何添加一个新的numberspinner编辑器到数据网格中。 扩展numberspinner编辑器 $.extend($.fn.datagrid.defaults.editors, {numberspinner: {init: function(container, options){var input = $(input type=text).appendTo(container);return input.numberspinner(options);},destroy: functi...

  • 用户界面框架jQuery EasyUI示例大全之DataGrid jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件,助您打造适合当今网络的应用程序。 基本的数据网格 本示例主要为大家展示了基本的数据网格,数据网格由标记创建的,不需要JavaScript代码。【附源代码供大家参考】 从表格中转换数据网格 本示例主要演示了从现有的、未格式化的HTML表格中转换数据网格。【另附源代码供大家参考...

  • jQuery EasyUI使用教程:创建展开行详细编辑表单的CRUD应用 当切换datagrid视图到detailview时,用户可以展开一行来显示该行下面的任何详细信息。此功能允许用户为放置在行详细信息面板中的编辑表单提供恰当的布局。在本教程中,我们使用DataGrid组件来减少编辑表单所占用的空间。 Step 1:在HTML标记中创建DataGrid First Name Last Name Phone Email Step 2:为DataGrid应用详细视图 $(#dg).datagrid({view: detailview,detailFormatter:function(index,row){return ; }, onExpandRow: function(index,row){ var...

16条记录

学习推荐

  • JavaScript
  • HTML DOM
  • jQuery
  • AngularJS
  • AngularJS2
  • Vue.js
  • React
  • TypeScript
  • jQuery UI
  • jQuery EasyUI
  • Node.js
  • AJAX
  • JSON
  • Highcharts
  • Bootstrap
  • Google地图
  • 百度地图
  • DHTML
  • E4X
  • WMLScript