`
tom840520
  • 浏览: 19392 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
最近访客 更多访客>>
社区版块
存档分类
最新评论

grid简单设置

阅读更多

listeners:{
      'dblclick':function(){
      //request.getParameter("po");
      //String title = po.getTitle();
       //alert(node.text);
       var id = node.id;
       alert(id);
       var reader = new Ext.data.JsonReader({},[
            {name:'text',type:'string'},
            {name:'text',type:'string'},
            {name:'text',type:'string'},
            {name:'text',type:'string'},
            {name:'text',type:'string'},
            {name:'text',type:'string'},
            {name:'text',type:'string'},
            {name:'text',type:'string'},
            {name:'text',type:'string'},
            {name:'text',type:'string'},
            {name:'text',type:'string'},
            {name:'text',type:'string'},
            {name:'text',type:'string'}
    ]);
   
     var form = new Ext.form.FormPanel({
        labelAlign: 'right',
        labelWidth: 60,
        title: '',
        frame:true,
        width: 650,
        url: '04_01_01.jsp',
        reader:reader,
        items: [{
            layout:'column',
            items: [{
                columnWidth:.45,
                layout: 'form',
                defaultType: 'textfield',
                items:[
                    {xtype:'textfield',fieldLabel: '标题',name:'${po.title}',value:'${po.title}'},
                    {xtype:'textfield',fieldLabel: '简称',name:'jtitle',value:'${po.jtitle}'},
                    {xtype:'textfield',fieldLabel: '省',name:'shen',value:'${po.shen}'},
                    {xtype:'textfield',fieldLabel: '街道',name:'jiedao',value:'${po.jiedao}'},
                    {xtype:'textfield',fieldLabel: '传真',name:'chanz',value:'${po.chanz}'},
                    {xtype:'textfield',fieldLabel: 'Email',name:'email',value:'${po.email}'},  
                    {xtype:'textfield',fieldLabel: '备注',name:'beiz',value:'${po.beiz}'}
                ]
            },{
                columnWidth:.45,
                layout: 'form',
                defaultType: 'textfield',
                items:[
                    {xtype:'textfield',fieldLabel: '成立时间',name:'cldate',value:'${po.cldate}'},
                    {xtype:'textfield',fieldLabel: '邮政编码',name:'youz',value:'${po.youz}'},
                    {xtype:'textfield',fieldLabel: '城市',name:'city',value:'${po.city}'},
                    {xtype:'textfield',fieldLabel: '电话',name:'phone',value:'${po.phone}'},
                    {xtype:'textfield',fieldLabel: '主页',name:'page',value:'${po.page}'},
                    {xtype:'textfield',fieldLabel: '联系人',name:'emp',value:'${po.emp}'}
                   
                ]
            }
            ]
        }]
    });


        var win = new Ext.Window({
            width:550,
            height:340,
            title:'部门信息',
            closeAction:'hide',
            buttonAlign: 'center',
             items:[form],
            buttons: [{
                text: '查询',
                handler:function(){
                form.getForm().load({url:'navigate.do?status=navigateeditss&id='+id});
                    
                }
            }]
            });
             win.show();
        }
      },

分享到:
评论

相关推荐

    extjs中设置grid默认行高及换行

    Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...

    Grid简单入门布局.pptx

    在【Grid简单入门布局.pptx】的技术分享中,主要介绍了Grid布局的基本概念、与其他布局方式的区别以及相关的关键特性。 **Grid布局基础** 1. **容器与项目**:在Grid布局中,我们首先有一个容器(container),它...

    Ext grid 简单实例

    在这个"Ext Grid简单实例"中,我们将探讨如何从Web服务提取数据并将其在Grid中显示。 首先,让我们了解基本的Ext Grid组成部分: 1. **Store**: Store是数据存储的地方,它可以连接到不同的数据源,如JSON、XML或...

    sigma_grid api使用手册 教程示例

    3. **快速入门**:提供简单的代码示例,帮助初学者快速上手。 4. **函数/类参考**:列出所有可用的函数和类,详细说明其参数、返回值和使用方法。 5. **示例**:丰富的实际案例,展示如何解决具体问题,帮助用户深入...

    grid表格 简单demo

    本示例"grid表格 简单demo"旨在介绍如何使用ExtJS库创建一个基本的Grid表格,帮助开发者理解其核心概念和功能。 ExtJS是一个强大的JavaScript框架,用于构建富客户端Web应用。它提供了丰富的组件库,其中Grid组件是...

    WinForm属性编辑 propertyGrid示例 仿window

    `propertyGrid`提供了一个直观、易于使用的界面,使得应用程序的配置或对象设置变得简单而高效。下面将详细解释`propertyGrid`的使用及其相关知识点。 首先,`propertyGrid`控件是.NET Framework中的一个标准控件,...

    WPF经典教程之Grid、UniformGrid布局

    以下是一个简单的Grid示例,展示如何创建两行两列的Grid,并设置行和列的高度和宽度: ```xml <Grid> <Grid.RowDefinitions> *" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> </Grid....

    WinForm PropertyGrid用法

    提供的`PropertyGridApp`压缩包可能包含一个简单的示例,演示了如何在实际项目中使用`PropertyGrid`。解压后,可以编译并运行此项目,观察`PropertyGrid`如何与自定义类配合工作。 总之,`PropertyGrid`是Windows ...

    Ag-Grid Demo2.7z

    1. **HTML模板**:包含ag-Grid的初始化和配置,如列定义和数据源的设置。 2. **JavaScript/TypeScript代码**:实现ag-Grid的功能,如监听事件、自定义组件、数据处理等。 3. **CSS样式**:可能包含针对ag-Grid的样式...

    c# propertyGrid 属性显示为中文,支持下拉菜单选择文本

    它通常用于设置窗体或控件的属性,提供了一种简单的方法来展示和修改类的公共属性。在这个特定的场景中,我们关注的是如何使`PropertyGrid`中的属性显示为中文,并且支持下拉菜单来选择文本,这在本地化应用或者需要...

    Winform 属性编辑器 propertyGrid示例 下拉列表框

    以下是一个简单的代码示例: ```csharp public class CustomEditor : UITypeEditor { public override UITypeEditorEditStyle GetEditStyle(ITypeDescriptorContext context) { return UITypeEditorEditStyle....

    propertyGrid 控件自定义简单示例

    要创建一个简单的自定义`PropertyGrid`示例,首先需要了解以下关键概念: 1. **属性分类(Categories)**:通过在属性信息中设置`CategoryAttribute`,可以将属性组织成不同的类别,使得用户界面更易理解。 2. **...

    c# PropertyGrid中复杂类型自定义显示

    如果集合中的元素是简单类型,这可能足够了,但如果是复杂类型,我们可能需要显示每个元素的特定属性,或者以更有结构的方式呈现它们。可以使用`TypeConverter`或者`CustomTypeDescriptor`来自定义集合的显示。例如...

    ext的grid简易例子

    例如,`Ext.grid.ColumnModel`可以用来设置每一列的显示样式和数据源。 4. **Grid Panel**:实际展示Grid的组件,它包含了Store、Column Model和其他配置项。通过`Ext.grid.Panel`创建一个Grid,配置`store`为数据...

    PB自动美化grid风格的dw(grid自动转成tabular)

    在PB中,有些第三方插件如gridreport,可能已经包含了上述功能,它们简化了开发者的工作,提供了现成的解决方案,只需简单配置即可实现grid到tabular的转换及美化。 8. **性能优化**: 转换和美化可能会带来一定...

    C# 调用Grid++及线程的使用

    接着,你可以创建Grid++对象,设置其属性,如列宽、行高、样式等,然后加载数据源。例如: ```csharp using GridPlus; // 创建Grid++对象 Grid grid = new Grid(); // 设置数据源 grid.DataSource = myDataTable; ...

    ext-grid+json简单应用

    首先,我们需要设置Grid的基本结构,包括定义列(columns)和配置存储器(store)。列模型定义了Grid中每一列的显示属性,如字段名、宽度、对齐方式等。例如: ```javascript var columns = [ { header: "Name", ...

    grid+svg+js实现简单的围棋棋盘

    例如,我们可以设置19行19列的网格,对应围棋的标准尺寸。 ```css .grid-container { display: grid; grid-template-columns: repeat(19, 1fr); grid-template-rows: repeat(19, 1fr); } ``` **SVG(Scalable ...

    PropertyGrid中的枚举显示为中文

    在.NET框架中,`PropertyGrid`控件是一个强大的工具,用于可视化地展示对象的属性,通常用于设置对话框或配置界面。然而,默认情况下,当枚举类型被`PropertyGrid`显示时,它只会显示枚举的命名常量,而不是用户友好...

Global site tag (gtag.js) - Google Analytics