- 浏览: 212188 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
henchong:
如果提示信息全是数字的话,是不会自动换行的,不知道这个该怎么解 ...
用ExtJs为表格单元格增加Tooltips浮动信息 -
李君寻:
自动换行,算是懂了
ColumnLayout的使用方法 -
icrwen:
楼主能解释下为啥要用air技术呢,是不是只用ext就可以了啊
extjs+air开发 -
wenniuwuren:
不能显示图片..
利用session实现一次性验证码 -
追风筝的孩子:
还是没有解决啊
com.ibatis.sqlmap.client.SqlMapException: There is no statement named 语句名 in thi
html 页面
<html>
<head>
<title>测试数据</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../../share/ext2.0.2/resources/css/ext-all.css"/>
<script type="text/javascript" src="../../share/ext2.0.2/adapter/yui/yui-utilities.js"></script>
<script type="text/javascript" src="../../share/ext2.0.2/adapter/yui/ext-yui-adapter.js"></script>
<script type="text/javascript" src="../../share/ext2.0.2/ext-all-debug.js"></script>
</head>
<body class="body" oncontextmenu="self.event.returnValue=false" scroll="no">
<table width="100%" border="0" valign=top>
<tr>
<td width="70%"> </td>
<td><div id="bt_GetCard"></div></td>
<td><div id="bt_Save"></div></td>
<td><div id="bt_Cancel"></div></td>
</tr>
</table>
<table width="500" border="0" align="center">
<tr><td><div id="test_grid"></div></td></tr>
</table>
</body>
<script type="text/javascript">
Ext.grid.dummyData = [
{Ids: 1, description: '', rate: 0},
{Ids: 2, description: '', rate: 0},
{Ids: 3, description: '', rate: 0},
{Ids: 4, description: '', rate: 0},
{Ids: 5, description: '', rate: 0}
];
Ext.onReady(function(){
Ext.QuickTips.init();
var xg = Ext.grid;
var reader = new Ext.data.JsonReader({
fields: [
{name: 'Ids', type: 'int'},
{name: 'description', type: 'string'},
{name: 'rate', type: 'float'}
]
});
var dataset = new Ext.data.Store({
reader: reader,
data: xg.dummyData
});
var grid = new xg.EditorGridPanel({
ds: dataset,
columns: [
{
header: '序 号',
width: 50,
dataIndex: 'Ids'
},{
header: "描 述",
width: 300,
dataIndex: 'description',
hideable: false,
editor: new Ext.form.TextField({
allowBlank: false
})
},{
header: "收费金额",
width: 100,
//sortable: true,
renderer: Ext.util.Format.usMoney,
dataIndex: 'rate',
editor: new Ext.form.NumberField({
allowBlank: false,
allowNegative: false,
style: 'text-align:left'
})
}
],
frame: false,
align: 'center',
width: 500,
height: 250,
clicksToEdit: 1,
collapsible: false,
animCollapse: false,
trackMouseOver: false,
iconCls: 'icon-grid',
renderTo: 'test_grid'
});
var bt_Save = new Ext.Button({
text: ' 保 存 '
});
bt_Save.render('bt_Save');
bt_Save.on('click', function(){
var m = dataset.getModifiedRecords();
if (m.length == 0){
alert("没有数据");
return false;
}
var sSend = "["
for (var i = 0, len = m.length; i < len; i++){
sSend = sSend + "{Memo:'" + m[i].data['description'] + "', Mey:'" + m[i].data['rate'] + "'}";
if (i < len - 1)
sSend = sSend + ","
}
sSend = sSend + "]";
sSend = Ext.util.JSON.encode(sSend);
Ext.Ajax.request({
url: 'bxConsume_do.jsp',
method: 'POST',
success: function (result, request){
alert('成功' + result.responseText);
},
failure: function (result, request){
alert('失败' + result.responseText);
},
params: {data: sSend}
});
});
});
</script>
</html>
bxConsume_do.jsp 页面如下:
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page import="net.sf.json.*" %>
<%
String S = "";
int iCount = 0;
JSONObject jsonObj;
JSONArray jsonArr;
S = request.getParameter("data");
if (request.getParameter("data") == null){
out.print("参数错误 1!");
return;
};
S = java.net.URLDecoder.decode(S, "UTF-8");
S = S.substring(1, S.length() - 1);
jsonArr = JSONArray.fromObject(S);
for (int i = 0; i < jsonArr.size(); i++){
jsonObj = jsonArr.getJSONObject(i);
JSONObject.toBean(jsonObj);
if (jsonObj.getString("Memo").trim() != "" &&
jsonObj.getDouble("Mey") > 0)
iCount = iCount + 1;
System.out.println( jsonObj.getString("Memo").trim() );
System.out.println( jsonObj.getDouble("Mey") );
}
%>
发表评论
-
extjs+air开发
2009-06-24 21:41 2992一、准备工作 1、下载adobe air install和ad ... -
带复选框(checkbox)的树
2009-03-20 15:05 1834该例子可以满足我们的一般需求。很多时候我们需要用到带check ... -
ExtJs中解决IE的min-width问题
2009-02-27 22:14 752当使用了ExtJs后,脚本documentElement.cl ... -
Ext中的动画处理
2009-02-27 22:13 1153CartoonExt.js //图片宽 var WIDTH=3 ... -
Ext.Ajax
2009-02-27 22:12 1164其实Ext.Ajax的使用并不 ... -
使用百分比设置GridPannel宽度的方法
2009-01-14 15:03 1613使用过Ext的Gird(网格)功 ... -
巧妙运用NumberField
2009-01-14 15:02 4559巧妙运用NumberField: 只允许字段输入数字. v ... -
Ext.ux.TabCloseMenu插件的使用
2009-01-14 14:59 1543tab在ext里很常用,在点开N个tab后,是否能通过右键菜单 ... -
直接在页面上显示富文本编辑器
2009-01-14 14:58 3251<html> <head> ... -
带右键菜单的树
2009-01-14 14:58 1176ext树形菜单加上右键菜单是不是很酷,ext当然也能实现。 树 ... -
EXT 二级联动下拉列表
2009-01-14 14:57 2553page.html代码如下 <!DOCTYPE HTM ... -
带搜索功能的grid分页实例
2009-01-09 13:43 1548本实例将在带分页的表格基础上进行扩展,增加搜索功能。由于本实例 ... -
带分页的表格
2009-01-09 13:43 1011主要介绍如何使用ext的表格控件实现ajax分页。 上一节讲了 ... -
树形下拉框
2009-01-09 13:43 2542<!DOCTYPE HTML PUBLIC " ... -
支持手写输入及联想功能的下拉框
2009-01-09 13:42 2853<!DOCTYPE HTML PUBLIC " ... -
让ext项目步入对象化编程
2009-01-09 13:39 808对于一些刚刚接触javascript的人来说大部分都在使用面向 ... -
grid的继承类,构建方便的grid操作
2009-01-09 13:13 1410在以往建立grid的时都要 ... -
ext异步加载树的子节点
2009-01-09 13:12 1944<script> Ext.o ... -
可拖拽的tree实际应用
2009-01-09 12:54 1778ext提供的树本身就有拖 ... -
可直接编辑节点的tree
2009-01-09 12:03 1681其实代码并不是很复杂,只是在原有的树形添加一个TreeEdit ...
相关推荐
此文档是可编辑表格Ext.grid.EditorGridPanel的说明以及示例的源代码,放到eclipse里面即可运行,显示出效果!
73、Ext.grid.EditorGridPanel类 ……… 62 74、Ext.grid.PropertyGrid类 …………… 65 1、Ext类 addBehaviors(Object obj) : void 对选择的元素 应用事件侦听器,事件名以@附加在结尾,例如 addBehaviors({ ...
1、Ext类 ………………………………… 2 2、Array类 …………………………… 4 3、Number类 …………………………… 4 4、...73、Ext.grid.EditorGridPanel类 ……… 62 74、Ext.grid.PropertyGrid类 …………… 65
右键菜单的资料,代码已经详细描写。请仿照文件中所描述即可使用,不限于EXT4.0以上版本使用。
NULL 博文链接:https://tonylian.iteye.com/blog/1735525
因为项目的需求,实现一个可以编辑的tree,在网上找了一个牛人写的控件.Ext.ux.maximgb.tg.EditorGridPanel 把源码下载下来以后 不能运行,自己根据给出的列子,另写了一个小程序.不过并没有与数据库交互.
感谢 Ericzhen 远离颠倒梦想,蕴籍无上清凉 这里引用它的资源 仅作分享 http://www.cnblogs.com/Ericzhen/archive/2012/06/11/2545186.html
ext 数据对象的定义 EditorGridPanel的使用 ext读取xml ext对各种数据格式的支持
1.界面修改(css style): Extjs中界面风格与我们产品本身的风格有很大不同,从边框、... 属性的作用(About Ext.grid. GroupingView, EditorGridPanel): Extjs的grid功能强大,如排序、隐藏列或移动列等,这些都有一些属
为了解决这个问题需要在EditorGridPanel的ColumnModel中显示ComboBox的地方使用renderer属性,重新渲染,方法如下: 代码如下: //部门列表 var comboxDepartmentStore = new Ext.data.Store({ proxy: new Ext.data....
详细介绍GridPanel各项属性,ExtJS 普通表格:Ext.grid.GridPanel属性详解
NULL 博文链接:https://zxf-noimp.iteye.com/blog/629629
NULL 博文链接:https://fourfire.iteye.com/blog/355853
因为前段时间有两个专案要用到extjs技术,所以自己学了一段...grid,tree,显示树信息的TreePanel、用于显示表格的GridPanel及EditorGridPanel,还有代表应用程序窗口的Ext.Window,与数据库交付,希望对初学者带来帮助
………..35 第六章 使用表格控件Grid……….………………………………………………………………………………..……36 6.1 基本表格GridPanel……….…………………………………………………………………………...
1 A framework apart 2 Back to the basics 3 Events, Components, and Containers ...8 The EditorGridPanel 9 Taking root with Trees 10 Toolbars and Menus 11 Drag and drop with Widgets
6)Ext类库简介 7)Border区域布局 8)ExtJS的组件 9)Column列布局 10)组件的使用 11)Fit布局 12)Form布局 13)组件的配置属性 14)Accordion布局 15)事件处理 16)Card布局 17)Pable布局及其它布局 18)工具栏Toolbar 19)...
Grid EditorGridPanel 使用本地store Toolbar工具菜单创建 分页工具栏创建 Window 弹出处理window窗口(模态窗口) MessageBox show(报错窗口、保存提示、选择窗口) alert prompt 实用工具类 JS异常捕捉 ...