本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
Ext.Grid详解
Ext.Grid详解
首先,一个表格应该有列定义,即定义表头ColumnModel:// 定义一个ColumnModel,表头中有四列var cm = new Ext.grid.ColumnModel([ {header:'编号',dataIndex:'id'}, {header:'性别',dataIndex:'sex'}, {header:'名称',dataIn ...
Ext.grid属性方法
1、Ext.grid.GridPanel 主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格是否隔行换色,默认为false ...
ExtJS下grid的一些属性说明
1.界面修改(css style): Extjs中界面风格与我们产品本身的风格有很大不同,从边框、选中行的颜色到鼠标移动到的行的颜色、菜单等,几乎都不同。Extjs对这些样式的设置都是由css完成的。如: 选中行的颜色就可用如下设置完成: .x-grid3-row-selected{background:#c6e2ff!important;} 其他的都类似,只要找到对应的class, 然后设置要修改 ...
ExtJs4之gridPanel
大家好,继上次的treepanel之后,今天给大家介绍gridpanel,gridpanel也是在extjs编程中出现频率高的一种组件,是必须要掌握的,当然,gridpanel比treepanel要复杂的多,基本上能实现excel中大部分基本功能,功能相当强大。
先上张截图吧,一睹grid的芳容(这是未经过处理的最基本的grid界面)
grid的实现包括model、s ...
jQuery学习之:jqGrid表格插件——从Struts2获得数据
之前谈到了jqGrid与Serlvet/JSP集成,实际上就是Servlet按jqGrid对数据的要求返回相应的数据,Servlet中
是通过PrintWriter输出数据的,那时,我们用到了json-lib来构建Json数据。现在来谈谈jqGrid如何与Struts2集成。
对于Struts2,同样需要按jqGrid的要求返回相应的json数据格式。当然,我们可以在Struts2的Act ...
ext grid实例
ext grid的实例 代码
//数据加载到列表 type 1 新增record; type 2 完整record
function showSemanticsData(type,data,renderDivID)
{
document.getElementById(renderDivID).innerHTML = "";
var columns ...
jQuery MiniUI 开发教程 CRUD之:行编辑(二)
CRUD之:行编辑
参考示例:CRUD之:行编辑
一:创建单元格编辑器
<div id="datagrid1" class="mini-datagrid" style="width:700px;height:280px;"
url="../data/DataService.aspx?method=Search ...
ExtJS Grid 每个Cell都显示tooltip
在Ext JS 3.x 中,如果为GridPanel中的每个Cell都显示tooltip时,而内容是就Cell内容时,有一种比较好的方法就是官网推荐的【Ext JS 3.x\src\widgets\tips\ToopTip.js】中的第90行到108行的例子,如下所示
var myGrid = new Ext.grid.GridPanel(gridConfig);
myGrid. ...
jQuery MiniUI 开发教程 CRUD之:单元格编辑(一)
CRUD之:单元格编辑
参考示例:单元格编辑
一:创建单元格编辑器
<div id="datagrid1" class="mini-datagrid" style="width:800px;height:280px;"
url="../data/AjaxService.aspx?method=SearchEmp ...
jQuery MiniUI 快速入门:CRUD(三)
CRUD包括:查询、编辑、新增、删除等数据操作。
效果图如下:
一:创建DataGrid
首先,我们创建一个数据表格:
<div id="datagrid1" class="mini-datagrid" style="width:800px;height:280px;"
url="../data/AjaxS ...
jQuery MiniUI 快速入门:Hollo, world!(二)
我们开始编写第一个MiniUI程序,代码如下:
<!DOCTYPE html />
<html>
<head>
<title> Hello MiniUI!</title>
<!--jQuery js-->
<script src="../jquery.js" type=&quo ...
jQuery MiniUI 快速入门:下载安装(一)
产品下载地址:http://www.miniui.com/download。
Note:请根据不同的服务端后台,选择下载不同后台版本的MiniUI。
下载后,解压缩。
会有如下文件结构:
各目录文件解释如下:
dbsql:示例数据库sql文件。
demo:页面示例。
docs:api文档、开发指南。
scripts/miniui:MiniUI产品的java ...
ExtJs4 Grid表格宽度自适应
var gridForm = Ext.create('Ext.form.Panel', {
id: 'company-form',
frame: true,
title: 'Company data',
bodyPadding: 5,
width: '100%',
layout: 'column', // Specifies that the items will now be ...