柯利特中前台获取组件当前选择行值的代码

主要目的a.掌握获取组件当前行的各个字段值的方法b.掌握如何将前台数据传递到后台，并将后台操作结果返回到前台c.掌握如何获取和设置按钮和文本字段控件的文本值主要内容a.我们先在页面中添加三个外面的(外部的简写)组件：商店、菜单、gridpanel b .将组件的contextmenuID设置为菜单控件的身份证，从而为组件添加右键菜单复制代码代码如下： ext :存储ID=' store 1 ' runat=' server ' onbeforestrecharged=' store 1 _ beforesterchanged ' Reader ext : jsonreader ID=' ID ' field ext : recordfield Name=' ID ' Type=' Int '/ext : recordfield Name=' uid ' Type=' String '/ext : recordfield ext 3360 recordfield Name=' uname ' Type='此处的ReaderID可以不设置，设置了的话，就可以使用方法GridPanel1.getSelectionModel().getSelected().编号来获取该行编号字段所对应的值。使用该方法的前提是在组件中设置其选择方式为行选择模式，代码会在后面贴出姓名对应于数据库表中的字段名。复制代码代码如下： ext :菜单项ID=' menu 1 ' runat=' server ' Items ext :菜单项ID=' menu item 1 ' runat=' server ' Text='查看用户信息侦听器单击fn=' ShowUserInfo '/Listeners/ext :菜单项分机：菜单项ID=' menuitem 2 ' runat='服务器' Text='修改用户信息侦听器单击fn=' ShowUserInfo '/Listeners/ext :菜单项分机：菜单项ID=' menuitem 3 ' runat='服务器' Text='添加用户信息侦听器单击fn=' ShowUserInfo '/Listeners/ext :菜单项分机：菜单项ID=' menuitem 4 ' runat='服务器' Text='删除用户信息侦听器单击Fn=' DeleteUserInfo '//侦听器/分机：枚举项/项/分机：枚举效果如下

c.将组件的仓库设为商店控件的身份证，为组件添加数据源组件源码如下：复制代码代码如下： ext :网格面板ID='网格面板1 ' runat='服务器'上下文菜单uid='菜单1 ' auto height=' true ' Width=' 400 px ' AutoDataBind=' true ' StoreID=' store 1 '列模型ID=' CTL 10 ' Columns ext :列DataIndex=' ID ' Header='用户编号PrepareCommand Args='网格，记录，行索引，列索引，值//ext :列ext :列DataIndex=' uid ' Header='用户名PrepareCommand Handler=' ' Args='网格，命令，记录，行，列，值格式处理程序=' False '/prepare命令/ext :列ext :列DataIndex=' uname ' Header='用户昵称PrepareCommand Handler=' ' Args='网格，命令，记录，行，列，值格式处理程序=' False '/prepare命令/ext :列ext :列DataIndex=' uage ' Header='用户年龄准备命令处理程序=' Args='网格，命令，记录，行，列，值'格式处理程序=' False '/准备命令/ext : Columns/Columns模型选择模型ext :行选择模型runat=' server ' ID=' CTL 09 '/ext :行选择模型/选择模型LoadMask ShowMask=' true ' Msg='数据正加载中./Listeners单元格单击Fn=' ShowUserInfo '/Listeners/ext :网格面板此处要作几点说明首先，单元格点击事件传递的参数可以根据PrepareCommand中一个参数名设置的参数传递，比如网格、命令、记录、行、列、值其次此处的选择模型节点内定要使用RowSelectionModel d .前台框架脚本如下：复制代码代码如下：函数ShowUserInfo(菜单，e){ var id=网格面板1。getselectionmodel().getSelected().id；//此处的编号为jsonreader中的readerID所设置的值var记录=GridPanel 1。GetSelectionMoDEL().getSelected()；//获取当前选中的整条记录，前提是必须设置为行选择模式//查看详细信息if(菜单。id==' MenuItem1 '){ OpenUserInfoWindow(记录，0);//在objectInfo.ascx页面中定义} //修改信息else if(菜单。id==' MenuItem2 '){ OpenUserInfoWindow(记录，1);} //添加信息else if(菜单。id==' MenuItem3 '){ OpenUserInfoWindow(记录，2);} else { } }对于该脚本，有一点要说明，就是其中要调用openuserninfowindow方法，该方法在是一个用户控件的页面中定义的，本页使用该控件以后，便可调用该方法。

页面源代码如下：注：%=ctrID。ClientID用户获取服务器端组件对象副本代码如下：函数openuserinfowindow(记录，id) {%=button2。clientid%。隐藏(null)；%=txtID。client id % 1。setVaLue(record . data . id)；%=txtName。client id % 1。setValue(record . data . uid)；%=txtNC。client id % 1。setValue(record . data . uname)；%=txtAge。client id % 1。setValue(record . data . uage)；If (id==1) {%=button1。clientid%。settext(' modify ')；//对于按钮，取值时使用文本，设置时使用setText()；%=txtID。client id % 1。隐藏(null)；%=按钮2。client id % 1。show(null)；} if(id==0) { } if(id==2) { %=txtID。client id % 1。setValue(“”)；%=txtName。client id % 1。setValue(“”)；%=txtNC。client id % 1。setValue(“”)；%=txtAge。client id % 1。setValue(“”)；%=txtID。client id % 1。隐藏(null)；%=按钮1。client id % 1。值=' add} %=Window1。client id % 1。show()；}删除用户的代码如下：复制的代码如下：函数delete user info(){ ext . msg . confirm(' prompt '，'确定要删除用户吗？函数(BTN){ if(BTN==' yes '){ var record=grid panel 1 . getselectionmodel()。getSelected()；GridPanel1.getStore()。移除(记录)；//如果这个方法是在后台删除成功后写在回调函数中，那么记录为空。//用户可以只点击gridpanel，但没有选择某一行，如果(record==null){ ext . msg . alert(' prompt '，'请选择某一条记录！'，则记录值为null);返回；} coolite . ajaxmethods . deleteuserinfo(record . data . id . tostring()，{ success : function(){ ext . msg . alert(' prompt '，'删除成功！'。);} });} else { return} });}请特别注意使用coolite . Ajax methods . deleteuserinfo方法，第一个参数在前台获取并传递给服务器，第二个是回调函数。后台删除代码实现如下：复制代码如下：[Ajax method]public void delete user info(字符串id){ string delete string=' delete from t _ user其中id=' idsqldb。execute update(delete string)；}特别注意本页的添加和修改。仅提供一种模式，但使用和删除时是相同的。学习经验如果不知道任何事件传递的参数个数和类型，可以随便写一个错误的方法，然后在调试的时候分析有意义的参数。问题：删除、刷新、修改时，不需要再从数据库读取数据，然后绑定到Store，而是刷新Store或GridPanel。