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:
<% 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:
<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:
<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!
Free DevExpress Products - Get Your Copy Today
The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the
DevExpress Support Center at your convenience. We'll be happy to follow-up.