首页 > > 网络编程 > Mysql >

刚入门的easyui

2018-06-17 20:31:04来源：未知阅读 ()

这两天看了下easyui的教学先说说自己的一些小小理解吧！

----在使用easyui中也遇到了一个问题 ：
　　Uncaught TypeError：cannot call method ‘offset’ of undefined//为方法声明...
　　后来在百度上搜索相关问题经发现，这是easyui 的包被修改了导致一些样式除了问题报的错...

　1. 引入easyui主要文件：

　2.　首先布局按照：north（北）、south（南）、east（东）、west（西）、center（中）

　　　　例：

　　在写分页插件时在手册好像没看见这个属性：layout：分页控件布局定义，布局选项可以包含一个或多个值

1.list（页面显示条数列表）、2.sop（页面按钮分割线）、3.first（首页按钮）、4.prev（上一页按钮）、

5. next（下一页按钮）、6.last（尾页按钮）、7.refresh（刷新按钮）、8.（手工输入当前页的输入框）、

9.links（页面数链接）

例如：<div id="pp" class="easyui-pagination" data-options="total:1000,pageSize:10" style="background:#efefef;border:1px solid #ccc;"></div>

效果如下：

在使用上面layout：里面的 links改变样式

　3.　必须知道的data-options属性的用法（通过这个属性，我们可以对easyui组件的实例化可以完全写入到html中）例如：

结果如下：

4. easyui的组件属性也可以写入标签里面去

<div id="p" class="easyui-panel" title="My Panel" style="width:500px;height:150px;padding:10px;"  
          iconCls="icon-save"  closable="true"  
          collapsible="true" minimizable="true" maximizable=true> 等同于：

<div id="p" class="easyui-panel" title="My Panel" data-options="width:500px;height:150px;padding:10px;background:#fafafa;"  
          iconCls="icon-save"  closable="true"  
          collapsible="true" minimizable="true" maximizable=true> 

----上面是class写法，下面是JS写法 例如：

先给div一个id（“login”）