zoukankan      html  css  js  c++  java
  • How To Get JavaScript IntelliSense With DevExpress ClientSide Objects v2010 vol 1

    How To Get JavaScript IntelliSense With DevExpress Client-Side Objects - v2010 vol 1

    Check out this how-to guide that helps you get IntelliSense support for DevExpress client-side objects in Visual Studio.

    Watch the video screencast that walks you through the steps describe below:

    Add IntelliSense Support

    Follow these 3 easy steps to add IntelliSense support to your project:

    1. Install the latest DXperience v2010.1 release. (Currently, the DXperience v2010.1 beta is available to DXperience subscription license holders).

    2. Click the ‘Add Existing Item’ in your project menu. Then add the ASPxScriptIntelliSense.js file to your project which should be located in the following folder:

    %DevExpress Install Folder %\DevExpress2010.1\Components\Sources\DevExpress.Web.ASPxScriptIntellisense\ASPxScriptIntelliSense.js

    For example, on my local machine the ASPxScriptIntelliSense.js file is located here:

    C:\Program Files\DevExpress 2010.1\Components\Sources\DevExpress.Web.ASPxScriptIntellisense\ASPxScriptIntellisense.js

    3. Type the following code in the page <body> section in the page that you want to enable JavaScript IntelliSense:

    1

    2

    3

    <% if (DesignMode){ %>

        <script src="../ASPxScriptIntelliSense.js" type="text/javascript"></script>

    <% } %> 

    Note: It's important to check the “if(DesignMode)” statement because it helps to avoid additional round trips to the server for the ASPxScriptIntelliSense.js file. It also helps to prevent mixing up the IntelliSense schema classes and production scripts classes.

    That's it - you now have full IntelliSense support for DevExpress client controls in BLOCKED SCRIPT

    转存失败重新上传取消

    New Cast Methods

    We’ve also added special static Cast methods which enable you to cast the DevExpress control's client object and then get the client object’s properties, methods and events via IntelliSense.

    (e.g. ASPxClientButton.Cast(obj), ASPxClientTreeList.Cast(obj), etc.). You can use these methods with event arguments:

    1

    2

    3

    4

    5

    6

    <script type="text/javascript">

        function OnGridRowDblClick(s, e) {

            var gridInstance = ASPxClientGridView.Cast(s);

            gridInstance.StartEditRow(gridInstance.GetFocusedRowIndex());

        }

    </script>

    These new cast methods also accept the ClientInstanceName of the client object. Therefore, to get a client object with IntelliSense support, simply pass the ClientInstanceName as a string to the Cast method:

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    <form id="form1" runat="server">

        <script type="text/javascript">

            function OnGridRowClick(s, e) {

                var gridInstance = ASPxClientGridView.Cast("grid");

            }

        </script>

        <div>

            <dx:ASPxGridView ID="ASPxGridView1" runat="server" ClientInstanceName="grid">

                <ClientSideEvents Init="OnGridRowClick" />

            </dx:ASPxGridView>

        </div>

    </form>

    Cast Sender Object

    You also get JavaScript IntelliSense for the gridInstance variable. For example, this method shows how you can cast the sender object and get JavaScript IntelliSense:

    Fig.1:

     转存失败重新上传取消

    Fig.2:

    转存失败重新上传取消

    Fig.3:

    Standalone JavaScript File Support

    If you want to enable IntelliSense for our controls in a standalone JavaScript file then simply add a reference to our ASPxScriptIntelliSense file at the top:

    Please note that this feature is only available in Visual Studio 2008 and 2010.

    Want to experience a better Visual Studio?

    Install CodeRush by downloading the free lite version here: CodeRush Xpress

    Or better yet, try the full blown package free for 30 days – CodeRush and Refactor Pro Download!

  • 相关阅读:
    自己写的一个读取execl的帮助类
    手动获取spring的ApplicationContext和bean对象
    前端开发不容错过的jQuery图片滑块插件(转)
    细说HTML元素的隐藏和显示
    DIV+CSS布局重新学习之使用A标签和CSS制作按钮
    opencv2函数学习之flip:实现图像翻转
    DWZ中Tree树形菜单的treeCheck如何获取返回值解决方案
    DWZ中刷新dialog的方案解决
    DWZ与KindEditor编辑器的整合
    ViewModel在MVC3中的应用:实现多字段表格的部分更新
  • 原文地址:https://www.cnblogs.com/grj001/p/12223870.html
Copyright © 2011-2022 走看看