ext 代码生成器

　　var productsgrid;

　　var productsstore;

　　var productslimit = 25; //每页显示条数

　　var productsListPostUrl = "/management/procrequest/Proc_products.ashx?action=getlist";

　　var productsModifyPostUrl = "/management/procrequest/Proc_products.ashx?action=modify";

　　var productsDeletePostUrl = "/management/procrequest/Proc_products.ashx?action=del";

　　function initproductsGrid(containerid) {

　　Ext.menu.RangeMenu.prototype.icons = {

　　gt: 'images/greater_then.png',

　　lt: 'images/less_then.png',

　　eq: 'images/equals.png'

　　};

　　Ext.grid.filter.StringFilter.prototype.icon = 'images/find.png';

　　Ext.QuickTips.init();

　　function formatDate(value) {

　　return value ? value.dateFormat('M d, Y') : '';

　　};

　　var fm = Ext.form;

　　var sm = new Ext.grid.CheckboxSelectionModel();

　　var cm = new Ext.grid.ColumnModel([

　　sm,

　　{

　　id:'productId',

　　header: '产品编号',

　　dataIndex: 'productId',

　　sortable: true,

　　width:70,

　　editor: new fm.NumberField({

　　allowBlank: false,

　　allowNegative: false

　　})

　　},

　　{

　　header: '产品名称',

　　dataIndex: 'productName',

　　sortable: true,

　　width:120,

　　editor: new fm.TextField({

　　allowBlank: false,

　　allowNegative: false

　　})

　　},

　　{

　　header: '金额',

　　dataIndex: 'money',

　　sortable: true,

　　width:120,

　　editor: new fm.NumberField({

　　allowBlank: false,

　　allowNegative: false

　　})

　　},

　　{

　　header: '地址',

　　dataIndex: 'address',

　　sortable: true,

　　width:120,

　　editor: new fm.TextField({

　　allowBlank: false,

　　allowNegative: false

　　})

　　},

　　{

　　header: '电话',

　　dataIndex: 'tel',

　　sortable: true,

　　width:120,

　　editor: new fm.TextField({

　　allowBlank: false,

　　allowNegative: false

　　})

　　},

　　{

　　header: '备注',

　　dataIndex: 'remark',

　　sortable: false,

　　width:550,

　　editor: new fm.myHtmlEditor({

　　allowBlank: false,

　　allowNegative: false

　　})

　　},

　　{

　　header: '端口',

　　dataIndex: 'port',

　　sortable: true,

　　width:70,

　　editor: new fm.NumberField({

　　allowBlank: false,

　　allowNegative: false

　　})

　　}

　　]);

　　cm.defaultSortable = true;

　　/*

　　var Plant = Ext.data.Record.create([

　　]);

　　*/

　　productsstore = new Ext.data.JsonStore({

　　root: 'list',

　　totalProperty: 'totalCount',

　　idProperty: 'productId',

　　remoteSort: true,

　　fields: [

　　{name: 'productId' },{name: 'productName' },{name: 'money' },{name: 'address' },{name: 'tel' },{name: 'remark' },{name: 'port' }

　　],

　　proxy: new Ext.data.ScriptTagProxy({

　　url: productsListPostUrl

　　})

　　});

　　productsstore.setDefaultSort('productId', 'desc');

　　var filters = new Ext.grid.GridFilters({

　　filters: [

　　{ type: 'string', dataIndex: 'productId' }, { type: 'string', dataIndex: 'productName' }, { type: 'string', dataIndex: 'money' }, { type: 'string', dataIndex: 'address' }, { type: 'string', dataIndex: 'tel' }, { type: 'string', dataIndex: 'remark' }, { type: 'string', dataIndex: 'port' }

　　]

　　});

　　var pagingBar = new Ext.PagingToolbar({

　　pageSize: productslimit,

　　store: productsstore,

　　displayInfo: true,

　　displayMsg: '第 {0} - {1} 条记录,总共 {2} 条记录',

　　emptyMsg: "没有记录"

　　});

　　productsgrid = new Ext.grid.EditorGridPanel({

　　store: productsstore,

　　cm: cm,

　　sm: sm,

　　bodyStyle: 'width:100%',

　　autoWidth: true,

　　height: 620,

　　renderTo: containerid,

　　autoExpandColumn: 'productId',

　　frame: true,

　　clicksToEdit: 2,

　　plugins: [filters],

　　loadMask: true,

　　enableTabScroll: true,

　　tbar: [{

　　text: '添加',

　　tooltip: '添加新记录',

　　iconCls: 'add',

　　handler:function(){

　　openTab("addproducts", "添加products", null, initAddproductsForm);

　　}

　　},

　　'-', {

　　text: '编辑',

　　tooltip: '编辑选中记录',

　　iconCls: 'option',

　　handler: function() {

　　var selectedRow = productsgrid.getSelectionModel().getSelections();

　　if (selectedRow) {

　　var obj = selectedRow[0];

　　if (!obj)

　　return;

　　var id = obj.get("productId");

　　openTab("editproducts", "编辑products", null, initAddproductsForm, id, obj);

　　}

　　}

　　},

　　'-', {

　　text: '删除',

　　tooltip: '删除选中记录',

　　iconCls: 'remove',

　　handler: function() {

　　var selectedRow = productsgrid.getSelectionModel().getSelections();

　　Ext.MessageBox.confirm('Confirm', '你确定要删除你所选定的' + selectedRow.length + "项吗？", function(btn) {

　　if (btn == 'yes') {

　　if (selectedRow) {

　　for (var i = 0; i < selectedRow.length; i++) {

　　var obj = selectedRow[i];

　　var id = obj.get("productId");

　　productsstore.remove(obj);

　　$.ajax({

　　type: "POST",

　　url: productsDeletePostUrl,

　　dataType: "json",

　　data: "recordid=" + id,

　　success: function(msg) {

　　if (msg[0] && msg[0].string != "success")

　　productsstore.reload();

　　}

　　});

　　}

　　}

　　}

　　});

　　}

　　}],

　　bbar: pagingBar

　　});

　　productsstore.load({ params: { start: 0, limit: productslimit} });

　　productsgrid.on("afteredit", afterEdit, productsgrid);

　　function afterEdit(obj) {

　　var r = obj.record; //获取被修改的行

　　var fildname = obj.field; //获取被修改的列

　　var id = r.get("productId");

　　var fildval = obj.value;

　　$.ajax({

　　type: "POST",

　　url: productsModifyPostUrl,

　　dataType: "json",

　　data: { action: 'modify', fildname: fildname, id: id, fildval: fildval },

　　complete: function() {

　　},

　　success: function(msg) {

　　}

　　});

　　}

　　}

　　var productsAddPostUrl = "/management/procrequest/Proc_products.ashx?action=add";

　　var productsUpdatePostUrl = "/management/procrequest/Proc_products.ashx?action=update";

　　function initAddproductsForm(containerid, idstr, rowObj) {

　　if (!idstr)

　　idstr = containerid;

　　var productsForm = new Ext.FormPanel({

　　labelWidth: 100, // label settings here cascade unless overridden

　　url: productsAddPostUrl,

　　frame: true,

　　bodyStyle: 'padding:5px 5px 0',

　　autoWidth: true,

　　defaults: { width: '350' },

　　defaultType: 'textfield',

　　renderTo: containerid,

　　items: [

　　{

　　xtype: 'hidden',

　　name: 'productId',

　　id: 'productId' + idstr,

　　value: null == rowObj ? null : rowObj.get("productId"),

　　readOnly: true

　　}

　　, {

　　xtype: 'textfield',

　　fieldLabel: '商品名称',

　　height: 20,

　　name: 'productName',

　　allowBlank: false,

　　value: null == rowObj ? null : rowObj.get("productName"),

　　id: 'productName' + idstr

　　}

　　, {

　　xtype: 'numberfield',

　　fieldLabel: '价格',

　　height: 20,

　　name: 'money',

　　allowBlank: false,

　　value: null == rowObj ? null : rowObj.get("money"),

　　id: 'money' + idstr

　　}

　　, {

　　xtype: 'textfield',

　　fieldLabel: '地址',

　　height: 20,

　　name: 'address',

　　value: null == rowObj ? null : rowObj.get("address"),

　　id: 'address' + idstr

　　}

　　, {

　　xtype: 'textfield',

　　fieldLabel: '电话',

　　height: 20,

　　name: 'tel',

　　value: null == rowObj ? null : rowObj.get("tel"),

　　id: 'tel' + idstr

　　}

　　, {

　　xtype: 'myhtmleditor',

　　fieldLabel: '备注',

　　height: 400, width: 600,

　　name: 'remark',

　　value: null == rowObj ? null : rowObj.get("remark"),

　　id: 'remark' + idstr

　　}

　　, {

　　xtype: 'numberfield',

　　fieldLabel: '端口',

　　height: 20,

　　name: 'port',

　　value: null == rowObj ? null : rowObj.get("port"),

　　id: 'port' + idstr

　　}

　　],

　　buttons: [{

　　text: '保存',

　　handler: function() {

　　if (!productsForm.form.isValid())

　　return;

　　productsForm.form.submit({

　　meghod: 'post',

　　url: !isNaN(idstr) && parseInt(idstr) > 0 ? productsUpdatePostUrl : productsAddPostUrl,

　　waitMsg: '正在保存,请稍候...',

　　success: function() {

　　Ext.MessageBox.show({

　　title: '保存结果',

　　msg: '保存成功',

　　buttons: Ext.MessageBox.OK,

　　icon: Ext.MessageBox.INFO

　　});

　　},

　　failure: function() {

　　Ext.MessageBox.show({

　　title: '保存结果',

　　msg: '保存失败',

　　buttons: Ext.MessageBox.OK,

　　icon: Ext.MessageBox.ERROR

　　});

　　}

　　});

　　}

　　}]

　　});

　　}