博客园_baishahe

extjs ajax 回调函数作用域的问题

2012-05-29T01:53:00Z

extjs 的某个panel在调用Ext.ajax时，回调成功，执行success指定的方法，这个方法的作用域会修改为最上层的网页，导致回调方法不能通过this.items.get()找到对应的控件，只能通过Ext.getCmp()从整个网页查找，这样ID相同的控件都会被修改。

在extjs 4之前，应该是通过委托来实现回调函数作用域的变化，使用createDelegate方法。

在extjs 4.0.7 中，通过Ext.Function.bind来修改回调函数的作用域

bind( Function fn, [Object scope], [Array args], [Boolean/Number appendArgs] ) : Function

1 /*
2 request               : 傳入參數
3 successCallback       : 后台执行成功后,执行的回调方法
4 failureCallback       : 后台执行失败后,执行的回调方法
5 caller                : 调用AccessData方法的窗体,通过这个参数,可以在回调方法中访问调用窗体中的变量
6 在调用这个方法时,如果前面的参数不需要,但需要后面的参数,则需要使前面的参数传入null.
7 */
8 function AccessData(request,successCallback,failureCallback,caller)
9 {
10     //设置Content-Type为application/json形式
11     Ext.Ajax.defaultPostHeader = 'application/json';
12
13     //访问失败的统一回调函数
14     var onFailure = function(r, opts)
15     {
16         alert(r.responseText);
17     }
18
19     var onSuccess = function(response, options)
20     {
21          var obj = eval('(' + response.responseText + ')');
22
23             if(0 == obj.AccessDataResult.Result)
24             {
25                 if(null != successCallback)
26                 {
27                     if(null == caller)
28                     {
29                         successCallback(obj.AccessDataResult.OutMsg);
30                     }
31                     else
32                     {
33                         //定义回调函数的作用域为调用者
34                         var successCallbackDelegate = Ext.Function.bind(successCallback,caller);
35                         successCallbackDelegate(obj.AccessDataResult.OutMsg);
36                     }
37                 }
38             }
39             else if(99 == obj.AccessDataResult.Result)
40             {
41                 InitLogin();
42             }
43             else
44             {
45                 if(null != failureCallback)
46                 {
47                     if(null == caller)
48                     {
49                         failureCallback(obj.AccessDataResult.OutMsg);
50                     }
51                     else
52                     {
53                         var failureCallbackDelegate = Ext.Function.bind(failureCallback,caller);
54                         failureCallbackDelegate(obj.AccessDataResult.OutMsg);
55                     }
56                 }
57                 else
58                 {
59                     alert(obj.AccessDataResult.OutMsg);
60                 }
61             }
62     }
63
64     //如果request.parm.Parms是一个JSON对象，则需要将其先转换为字符串，
65     //主要是因为后台的WCF接口，只接受字符串参数.如果直接传入JSON对象，
66     //则后台参数需定义为object，也不是很方便解析
67     request.parm.Parms = Ext.JSON.encode(request.parm.Parms);
68
69     Ext.Ajax.request(
70     {
71         url: './wcf/ExampleWcf.svc/AccessData',//要访问的方法地址
72         method: 'POST',
73         params: Ext.JSON.encode(request), //把输入参数进行JSON编码
74         scope: caller, //缓存回调函数作用域
75         success: onSuccess,
76         failure: onFailure
77      });
78 }

本文链接

extjs 创建viewport的方式不同，导致页面中的控件没有撑满

2012-05-24T00:49:00Z

做了一个viewport的布局，在west中间加了一个panel，用下面没有注释的代码执行，会导致如图所示的现象，

panel的标题栏没有撑满，将浏览器的尺寸改变一下后，才可以撑满。

但用注释部分的代码，没有这个问题发生。原因可能是JS执行的时间同，获得浏览器的尺寸有问题。

  1 //Ext.onReady(function() {
  2 //    //var cw;
  3 //
  4 //    Ext.create('Ext.Viewport', {
  5 //        layout: {
  6 //            type: 'border',
  7 //            padding: 0
  8 //        },
  9 //        items: [{
10 //            region: 'north',
11 //            height: 98,
12 //            layout: 'border',
13 //             items: [
14 //                        {
15 //                            xtype: 'panel',
16 //                            bodyStyle: 'background-image:url(resources/images/head.png)',
17 //                            region: 'center'
18 //                        },
19 //                        {
20 //                            xtype: 'toolbar',
21 //                            id:'tb',
22 //                            height: 30,
23 //                            region: 'south'
24 //                        }
25 //                    ]
26 //        },
27 //        {
28 //            region: 'west',
29 //            collapsible: true,
30 //            title: '系统功能',
31 //            split: true,
32 //            width: '30%',
33 //            minWidth: 100,
34 //            maxWidth: 200,
35 //            minHeight: 140,
36 //        },
37 //        {
38 //            region: 'center',
39 //            layout: 'border',
40 //            border: false,
41 //            items: [{
42 //                region: 'center',
43 //                minHeight: 80,
44 //
45 //                xtype: 'tabpanel',
46 //                id: 'maintab',
47 //                activeTab: 0,
48 //                region: 'center',
49 //                layout: {
50 //                    type: 'fit'
51 //                },
52 //                items: [
53 //                    {
54 //                        xtype: 'panel',
55 //                        title: 'Welcome',
56 //                        html: '<br>欢迎使用'
57 //                    }
58 //                ]
59 //            }]
60 //        }]
61 //    });
62 //});
63
64
65
66 Ext.define('MyApp.view.MyViewport', {
67     extend: 'Ext.container.Viewport',
68
69     layout: {
70             type: 'border',
71             padding: 0
72         },
73
74     initComponent: function() {
75         var me = this;
76
77         Ext.applyIf(me, {
78              items: [{
79                 region: 'north',
80                 height: 98,
81                 layout: 'border',
82                  items: [
83                             {
84                                 xtype: 'panel',
85                                 bodyStyle: 'background-image:url(resources/images/head.png)',
86                                 region: 'center'
87                             },
88                             {
89                                 xtype: 'toolbar',
90                                 id:'tb',
91                                 height: 30,
92                                 region: 'south'
93                             }
94                         ]
95             },
96             {
97                 region: 'west',
98                 collapsible: true,
99                 title: '系统功能',
100                 split: true,
101                 width: '30%',
102                 minWidth: 100,
103                 maxWidth: 200,
104                 minHeight: 140,
105             },
106             {
107                 region: 'center',
108                 layout: 'border',
109                 border: false,
110                 items: [{
111                     region: 'center',
112                     minHeight: 80,
113
114                     xtype: 'tabpanel',
115                     id: 'maintab',
116                     activeTab: 0,
117                     region: 'center',
118                     layout: {
119                         type: 'fit'
120                     },
121                     items: [
122                         {
123                             xtype: 'panel',
124                             title: 'Welcome',
125                             html: '<br>欢迎使用'
126                         }
127                     ]
128                 }]
129             }]
130         });
131
132         me.callParent(arguments);
133
134     }
135
136 });
137
138 var base = new MyApp.view.MyViewport();
139 base.show();

本文链接

extjs 树前面的多选框选中状态修改

2012-05-23T08:36:00Z

在treepanel的事件中添加：

1                    listeners: {
2
3 //                            itemdbclick:{
4 //                                fn: function(view, record, item, index, e,obj){
5 //                                    alert('dbclick');e.stopEvent;
6 //                                },
7 //                                scope: this
8 //                            }
9 //                            ,
10 //                             itemclick: {
11 //                                    fn: function(view, record, item, index, e,obj){
12 //                                            alert(record.data.id+':'+record.data.text);
13 //                                            e.stopEvent;
14 //                                        },
15 //                                    scope: this
16 //                            },
17                             checkchange: {
18                                 fn: function(node,checked,obj) {
19
20                                       if(checked)
21                                       {
22                                           var pNode = node.parentNode;
23                                           for(;pNode!=null;pNode=pNode.parentNode)
24                                           {
25                                             pNode.set('checked',checked);
26                                           }
27                                       }
28
29                                       if(node.childNodes.length>0)
30                                       {
31                                          node.cascade(function(node){
32                                             node.set('checked',checked);
33                                          });
34                                       }
35
36                                 }
37                             }

本文链接

extjs radiogroup 互斥

2012-05-22T03:02:00Z

extjs 中的 radiogroup 中的 radio，在选中一个后，之前被选中的，不能自动设置为false

通过下面的代码，可以实现。但这个是因为在通过程序设置某radio的状态后，radiogoup会

两次触发change事件，然后通过比较变化前后的值来判断，不是太好。应该有其它方法可以实现的。

1 {
2                     xtype: 'radiogroup',
3                     height: 96,
4                     width: 365,
5                     fieldLabel: 'Label',
6                     items: [
7                         {
8                             xtype: 'radiofield',
9                             boxLabel: 'Box Label',
10                             name : 'rd0'
11                         },
12                         {
13                             xtype: 'radiofield',
14                             boxLabel: 'Box Label',
15                             name : 'rd1'
16                         },
17                         {
18                             xtype: 'radiofield',
19                             boxLabel: 'Box Label',
20                                 checked:true,
21                             name: 'rd2'
22                         },
23                         {
24                             xtype: 'radiofield',
25                             boxLabel: 'Box Label',
26                             name : 'rd3'
27                         },
28                         {
29                             xtype: 'radiofield',
30                             boxLabel: 'Box Label',
31                             name: 'rd4'
32                         }
33                     ],
34                     listeners:{
35                         'change':function(view,newrd,oldrd){
36                             var cur = -1;
37
38                             //Radiogroup的选中，先将上一个选中的按钮设置为false，会触发下一次change事件
39                             for(var i=0;i<view.items.items.length;i++)
40                             {
41                                 if(newrd['rd'+i] == 'on' && oldrd['rd'+i] == 'on')
42                                 {
43                                     view.items.items[i].setValue( false);
44                                     return;
45                                 }
46                             }
47
48                             //第二次触发，将真正被选中的按钮设置为true
49                             for(var i=0;i<view.items.items.length;i++)
50                             {
51                                 if(newrd['rd'+i] == null && oldrd['rd'+i] == 'on')
52                                 {
53                                     view.items.items[i].setValue( true);
54                                     return;
55                                 }
56                             }
57                         }
58
59                     }
60                 }

上面的实现是错误的，正确的方法是将radiogroup中所有的radio的name属性都设置为一样的，这样就可以实现互斥了。

本文链接

extjs ext.tree.panel 添加监听事件

2012-05-18T02:28:00Z

EXTJS的树，如下方式添加事件，可以响应选择改变、单击，但双击没有响应。而且在选择改变时，同时也会触发单击事件。

问题出在哪里？

本文链接

c# 获得 oracle输出游标

2012-05-17T02:21:00Z

1. 定义ORACLE 带输出游标的存储过程，输出游标定义类型为：sys_refcursor

1 CREATE OR REPLACE PROCEDURE sp_demo (
2    emp_no       IN       VARCHAR2,
3    o_res1       OUT      VARCHAR2,
4    o_res2       OUT      VARCHAR2,
5    o_ds1        OUT      sys_refcursor,
6    o_ds2        OUT      sys_refcursor
7 )
8 IS
9    v_count   NUMBER;
10 BEGIN
11    OPEN o_ds1 FOR
12       SELECT *
13         FROM table1;
14
15    OPEN o_ds2 FOR
16       SELECT *
17         FROM table2;
18
19    o_res1 := 'ok';
20    o_res2 := TO_CHAR (SYSDATE, 'yyyy/mm/dd hh24:mi:ss');
21    RETURN;
22 END;

2. C#调用

参数准备（petshop）

1 private static void PrepareCommand(OracleCommand cmd, OracleConnection conn, OracleTransaction trans,
2             CommandType cmdType, string cmdText, OracleParameter[] commandParameters)
3         {
4             if (conn.State != ConnectionState.Open)
5                 conn.Open();
6
7             cmd.Connection = conn;
8             cmd.CommandText = cmdText;
9             cmd.CommandType = cmdType;
10
11             if (trans != null)
12                 cmd.Transaction = trans;
13
14             if (commandParameters != null)
15             {
16                 foreach (OracleParameter parm in commandParameters)
17                     cmd.Parameters.Add(parm);
18             }
19         }

//准备参数
PrepareCommand(cmd, conn, null, cmdType, cmdText, commandParameters);
//获得所有输出游标，每个游标输出到ds的一个表中
OracleDataAdapter oda = new OracleDataAdapter(cmd);
                DataSet ds = new DataSet();
                oda.Fill(ds);

//只获得第一个数据游标
OracleDataReader rdr = cmd.ExecuteReader(CommandBehavior.CloseConnection);
dt.Load(rdr);
                rdr.Close();

本文链接

如何修改 POWERPOINT2007 背景图片

2012-04-06T07:30:00Z

如何修改PPT2007背景图片

今天碰到了一个问题，想要把PPT的母板背景图片改掉，结果研究了半天没有效果！经过半天搜索终于找到高人支招，现将方法分享一下！

视图》幻灯片模版》视图》幻灯片模版

也就是点击两次视图里面的幻灯片模版就可以改动背景图片了！

本文链接

C#里将其他共享目录映射为本地盘符的方法

2012-03-23T09:43:00Z

C#里将其他共享目录映射为本地盘符的方法

from:

http://gaoxinembed.blog.sohu.com/142397846.html

转载CSDN文章

1.通过执行命令，会有cmd窗口一闪而过：

  public void Get_Share(string remotepath, string localpath, string username, string password)
  {
   Process.Start("net"," use "+localpath+" "+remotepath+" "+password+" /user:"+username);
  }

  public void Break_Share(string localpath)
  {
   Process.Start("net"," use "+localpath+" /delete");
  }

2.通过调用WINDOW的API函数：

  [DllImport("mpr.dll")]
  public static extern int WNetAddConnection2A(NETRESOURCE [] lpNetResource, string lpPassword, string lpUserName, int dwFlags);
  [DllImport("mpr.dll")]
  public static extern int WNetCancelConnection2A(string sharename,int dwFlags,int fForce);

  public int GetShare(string remotepath,string localpath,string username,string password)
  {
   try
   {
    NETRESOURCE [] share_driver = new NETRESOURCE[1];
    share_driver[0].dwType = 1;
    share_driver[0].lpLocalName = localpath;
    share_driver[0].lpRemoteName = remotepath;

BreakShare(localpath);
int ret = WNetAddConnection2A(share_driver, password, username, 1);

    return ret;
   }
   catch(Exception error)
   {
    throw new Exception(error.Message);
   }
  }

  public void BreakShare(string localpath)
  {
   int ret= WNetCancelConnection2A(localpath, 1, 1);
  }

本文链接

OracleException: OCI-22053: 溢出错误

2012-02-08T07:50:00Z

OracleException: OCI-22053: 溢出错误

from:

http://blog.csdn.net/WYZSC/article/details/6169496

OracleException: OCI-22053: 溢出错误

本人近期遇到此问题，整理网上文摘，并进行相关处理的记录

该代码的主要功能是使用OracleDataAdapter填充DataSet。查了网上相关的内容后，得知是数字类型的字段的位数过多造成的。
对于数字类型的字段，填充DataSet的时候会调用GetValues方法，数字类型的值将从OracleNumber类型转换成 System.Decimal类型，后者的取值范围比前者小，所以可能会引发溢出错误。解决的方法是不使用Fill方法填充DataSet，而是直接调用 OracleDataReader.GetOracleValues。

原因分析

Oracle 数值数据类型最多可存储 38 个字节的精度。当将 Oracle 数值转换为公共语言运行库数据类型时，小数点后边的位数可能过多，这会导致此错误。

解决方法：

使用round()函数：
例如：select min(pval),max(pval),round(avg(pval),5) from hvm_data_dga .

round(avg(pval),5) 使数值小数点后按照四舍五入保留5位。

本文链接

office ocx MSPVIEW.EXE MDIVWCTL.DLL

2011-08-17T15:28:00Z

c#调用office2003的文字识别功能

bool CallOcx(string fileName, out string con)
        {
            con = "";
            try
            {
                MODI.Document doc = new MODI.Document();
                doc.Create(fileName);
                doc.OCR(MODI.MiLANGUAGES.miLANG_CHINESE_SIMPLIFIED, false, false);
                MODI.Images images = doc.Images;
                for (int i = 0; i < images.Count; i++)
                {
                    MODI.Image image = (MODI.Image)images[i];
                    MODI.Layout layout = image.Layout;
                    con += layout.Text + "\r\n";
                }
                doc.Close(false);
                doc = null;
                return true;
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message);
                return false;
            }
        }

本文链接