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

posted @ 2015-12-03 20:09  印象钟情  阅读(1126)  评论(0编辑  收藏  举报