如何动态添加gridPanel的列

如何动态添加gridPanel的列,第1张

Ext.onReady(function() { var sm=new Ext.grid.CheckboxSelectionModel()var cm=[new Ext.grid.RowNumberer(),sm, {header:"编号", dataIndex:"id", width:65,hidden : true}, {header:"名称", dataIndex:"name", width:65}, {header:"路径", dataIndex:"url", width:65} ] var fd = ["id", "name", "url"]var store=new Ext.data.JsonStore({ fields:fd }) var data=[{id:1,name:"xiao",url:"sssssssssss",sex:"male"}] var grid=new Ext.grid.GridPanel({ sm:sm, columns:cm, store:store, width:500, height:400, tbar:[{ text:"生成", icon:"images/icons/add.png", cls:"x-btn-text-icon", handler:function(){var res = {fields:[{name:"sex"}],columns:[{header:'性别',dataIndex:"sex",width:65}]} var columns = res.columns var fields = res.fields for (var i = 0i <fields.lengthi++) { fd.push(fields[i].name)cm.push(columns[i]) }//重新绑定store及columnss=new Ext.data.JsonStore({ fields:fd }) grid.reconfigure(ss,new Ext.grid.ColumnModel(cm))ss.loadData(data) } }]}) var win=new Ext.Window({ title:"sssssss", width:700, height:500, layout:"fit", closable:true, items:[grid] }) win.show() })

1、打开eclipse软件。

2、建立一个java工程。菜单栏中依次点击“file”-“new”-“java project”;然后,在工程列表中选中工程单击鼠标右键,选中“new”-“class”,在配置自己的类。

3、添加属性,载入属性代码。

private JPanel jp=new JPanel()

private JButton[] jbArray=new JButton[]{new JButton("前移动"),

new JButton("后移动"),new JButton("第一个"),

new JButton("最后个"),new JButton("第三个")}。

4、.建立卡片类,代码如下:

class MyCard extends JPanel{

int index

public MyCard(int index){

this.index=index+1

}

public void paint(Graphics g){

g.clearRect(0, 0, 250, 250)

g.drawString("这是Card"+index, 100, 100)。

5、运行程序点击编译并运行按钮。

6、安最后一个的按钮后,即可出现效果。

polycomhdx8000进入系统的默认id是:admin,密码:序列号。电脑系统即电脑 *** 作系统(computeroperatingsystem):是计算机系统中的一个系统软件,它是这样一些程序模块的集合--它们管理和控制计算机系统中的硬件及软件资源,合理地组织计算机工作流程以便有效地利用这些资源为用户提供一个功能强大、使用方便和可扩展的工作环境,从而在计算机与其用户之间起到接口的作用。现有unix、linux、mac、os/2、GUN、dos、windows等数种通用常规 *** 作系统,另外还有特殊应用的 *** 作系统。id是身份标识号、账号、唯一编码、专属号码、工业设计、国家简称、法律词汇、通用账户、译码器、软件公司等,各类专有词汇缩写。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11954153.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存