Dev控件用法 aspxTreeList 无刷新 aspxGridView 数据

Dev控件用法 aspxTreeList 无刷新 aspxGridView 数据

主要是利用 ASPxTreeList 点击事件回发服务器进行数据重新绑定

 

ASPxTreeList：

?

1 2	<SettingsBehavior ExpandCollapseAction="NodeDblClick"AllowFocusedNode="True"AllowSort="False"/> <ClientSideEvents  FocusedNodeChanged="function(s, e) { onFocusChanged(s,e);}"    Init="function(s, e) { }"/>

 

js代码如下：

?

1 2 3 4 5 6 7 8 9

if($("ASPxTreeList1") != null) {         if(ASPxTreeList1.GetFocusedNodeKey != null|| ASPxTreeList1.GetFocusedNodeKey != undefined) {              key = ASPxTreeList1.GetFocusedNodeKey();         }     }     ASPxTreeList1.PerformCustomDataCallback(key);  //数据传输回调方法      ASPxTreeList1.PerformCustomCallback(key);  //数据绑定回调方法

 

ASPxGridView 

?

1	oncustomcallback="ASPxGridView1_CustomCallback"

 

js中的performcallback方法捎带的参数来进行aspxgridview数据更新，通过aspxgridview的customcallback来实现

js代码如下：

?

1 2 3 4 5 6 7 8 9 10 11 12

function onFocusChanged(s,e) {     varkey = "";     if($("ASPxTreeList1") != null) {         if(ASPxTreeList1.GetFocusedNodeKey != null|| ASPxTreeList1.GetFocusedNodeKey != undefined) {             key = ASPxTreeList1.GetFocusedNodeKey();         }     }     ASPxGridView1.PerformDataCallback(key);  //数据传输回调方法      　ASPxGridView1.PerformCallback(key);  //数据绑定回调方法      }

 

C#回调方法：

 

?

1 2 3 4 5 6 7 8 9 10 11 12

protectedvoidASPxGridView1_CustomCallback(objectsender, ASPxGridViewCustomCallbackEventArgs e) {        stringparm = e.Parameters.Trim(); //有的时候参数可能带有 ","  需要做判断        try         {             if(!string.IsNullOrEmpty(parm))             {                 ASPxGridView1.DataSource = ModuleCode.SelectModuleQuery(parm).Tables[0];                 ASPxGridView1.DataBind();             }         }  catch(Exception ex) {      }   }

 

获取ASPxGridView1选择行的值

 

?

1 2 3 4

KeyFieldName="POSTCODEID"  PreviewFieldName="POSTNAME,State,IsDelete">       <ClientSideEvents FocusedRowChanged="function(s, e) { OnGridFocusedRowChanged(); }"/>       <dxwgv:GridViewDataDateColumn Caption="岗位"FieldName="POSTCODE"></dxwgv:GridViewDataDateColumn>

 每个项  FieldName="POSTCODE" 隐藏也能取到值

 js代码如下：

 

?

1 2 3 4 5

function OnGridFocusedRowChanged(index) {                 ASPxGridView1.GetRowValues(index, 'POSTCODEID;POSTNAME;POSTCODE;State;IsDelete', OnGetRowValues); } // 处理服务器端传回的数据（values是个数组） function OnGetRowValues(values) {}

 

 C#回调方法：

?

1	index =  ASPxGridView1 的ASPxGridView1_HtmlRowPrepared  递加

 

 

欢迎大家踊跃讨论并指出不足或错误的地方，一定及时改进。 
联系QQ：106398492
Email：lyuec@sina.com