huoyunshen888
- 浏览: 83480 次
- 性别:
- 来自: 西安
-
最新评论
-
xieweiting：
把response返回属性改下， response.setCo ...
http://huoyunshen888.iteye.com/admin/blogs/new
文章列表
ExtJS 的组件很丰富，可有时候还是满足不了需求，需要扩展 ExtJS 的组件实现自制组件。
扩展组件的时候，最好给其设置单独的 xtype， 这样就能比较容易的和其他组件集成。
虽说扩展 ExtJS 的组件只不过是用 Ext.extend() 来实现，多少还是有些窍门。
例： 扩展 Ext.Panel，得到名为 MyComponent 的组件。 xtype 设置为 mycomponent。
MyComponent = Ext.extend(Ext.Panel, {
initComponent: function(){
Ext.apply(this, {
...
http://www.iteye.com/problems/15242
myWindow = function(cfg){
Ext.apply(this,cfg); //属性拷贝,apply将会覆盖目标对象中的属性
Ext.onReady(this.init, this);
}
Ext.extend(myWindow, Ext.util.Observable,{
init: function(){
this.formPanel = new Ext.form.FormPanel({ ...
html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>Grid Plugins Example</title>
<link rel="stylesheet" type="text/css" href="../../../resources/css/ext-all.css" />
<scrip ...
以下是本人对Ext几种常用布局方式做的总结：
1.Accordion Layout:用来做可折叠式布局，可用于Panel、Viewport等控件。
2.AnchorLayout:用来做精确定位布局，可用于Panel、Viewport等控件。
3.BorderLayout:用来做边框式布局，可分为东、西、南、北、中五个方位进行布局，可用于Panel、Viewport等控件。
4.CardLayout:用来做卡片式布局，可用于Panel控件做分步骤操作。
5.ColumnLayout:用来做列式布局，可用于Panel控件。
6.FitLayout:用来做Panel等单个控件的布局。
7 ...
ExtJs表格点击超链接获取行的值
- 博客分类：
- extjs
grid双击事件，并得到单元格的值，以上我试了下好像不行，最终我这样写了
grid.addListener('rowdblclick', function (sm, rowIndex, e) {
var selectionModel = grid.getSelectionModel();
var record = selectionModel.getSelected();
alert(record.data['UserName']);
});
menuDisable ...
Ext.onReady(function() {
//创建grid列header 行的成员
var cb = new Ext.grid.CheckboxSelectionModel();
var cm=new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer({header:"序号",width:40}),cb,
{header:"单位名称",dataIndex:"unitN ...
http://topic.csdn.net/u/20100517/11/377b9a5f-fb32-4f44-813c-89fe325d7186.html
1.Ext.Ajax.request({
2. url:'getPath.action',
3. success:function(res){
4. var obj = Ext.decode(res.responseText);
5. //console.log(obj);//可以到火狐的firebug下面看看obj里面的结构
6. //加入getPa ...
我们经常会给GridPanel中的某一个column加一个renderer，让它的内容可以变成一个链接，例如：
resultRenderer: function (value) {
return '<a href="http://www.example.com/" onclick="some_function()" >查看</a>';
}
这样在Grid中，查看那两个字就变成链接了
如果点击这个查看的时候，想弹出窗口，那么我们最普通的方式，就是给链接加一个onclick响应函数，
onclic ...
Ext.onReady(function(){
var data = [[1, 'EasyJWeb', 'EasyJF', 'www.easyjf.com'], [2, 'jfox', 'huihoo', 'www.huihoo.org'], [3, 'jdon', 'jdon', 'www.jdon.com'], [4, 'springside', 'springside', 'www.springside.org.cn']];
var store = new Ext.data.SimpleStore({
data: data,
fiel ...
var record_start=0;
columns:[new ext.grid.RowNumber([
width:89,
rendered:function(value,metedata,record,rowindex){
return record_start +1 + rowindex;
}
])]
doload:function(start){
record_start = start;
var o={};pn=this.paramsNames;
o.[pn.start]=start;
...
ExtJs的Ajax提交主要是：Ext.Ajax.request或form1.getForm().submit，超时时间默认是30秒！
看ExtJs对它的解释：
timeout 超时时间，请求的超时豪秒数（默认为30秒）。
The timeout in milliseconds to be used for requests. (defaults to 30000): Number
因此，一旦在使用中，长时间的操作数据库，这时候不仅需要在页面上添加waitMsg，而且需要重新设置超时时间，防止没有提交完成就中断操作。
注意：timeout属性 需要是毫秒，比如30秒就是 30 000 ...
//以 grid 为例
Ext.onReady(function(){
Vargrid = new Ext.grid.GridPanel({
Title:’表格实例’,
renderTo:Ext.getBody(),
//定义导入数据源到表格
Store:store,
Width:400,
Height:400,
Columns:[{
Header:’姓名’,
dataIndex:’name’,
sortable:treu
},{
Head ...
Ext.namespace('Ext.ux.grid')
Ext.ux.grid.PagingToolbarExp = function(config) {
var config = config || {};
this.everyPageCount = config.everyPageCount || 7;
this.everyPageSizeData = [ ['5', 5], ['10', 10], ['20', 20],
['50', 50], ['100', 100]];
if (config.everyPageSizeData) {
Ext.apply(this.e ...
ExtJs的分页做的相当出色！在此，我们简单的分析一下它的分页方法，看看它出色的功能！
首先，常规上一个简单的分页程序需要有以下参数：
1. 总记录数 -------根据条件总查询的总记录数
2. 每页显示记录数 -------限制每页显示的最大记录
3. 总页码数 -------总共可以分几页
4. 当前页码 -------当前第几页
5. 查询条件 -------查询和翻页两个地方都要用到
接下来，要做的就是根据这些参数做一个好看的翻页控件了，原理我不想多解释-------无非 ...