博客园_人生就是一场圣战-GODWAR

12月编程语言排行榜：C#前途无量

2011-12-30T02:42:00Z

【IT168 评论】今日Tiobe却公布了2011年12月编程语言排行榜。虽然前三的位置还是Java、C 和 C++，但是第三位置恐将易主。从 2001年开始，TIOBE指数排行榜第三的这个位置，C++编程语言一直处于坐的比较稳定并持久。虽然Perl、Visual Basic和PHP曾经也位居第三，但它们所保持的时间仅有几个月。

2011年12月编程语言排行榜 Top 20 具体榜单：

对比Tiobe 公布的2011年11月编程语言排行榜，前二十排名无多大变化。从下图的排行榜可以看到，依然是C阵营的天下。

C#由安德斯·海尔斯伯格主持开发，微软在2000年发布了这种语言。它是微软推出的一种基于.NET框架的、面向对象的高级编程语言。C#由C语言和C++派生而来，继承了其强大的性能，同时又以.NET 框架类库作为基础，拥有类似Visual Basic的快速开发能力。

2011年12月编程语言排行榜前10位的长期走势图：

从图中，我们可以看到C#和C++之间的Ratings差距不到 0.05%，这表明C#就要叩响第三位置的大门了。这又将是一场硬仗了，我们将在未来数月内看到结果了。

2011年11月编程语言排行榜21至50位排名：

Objective-C在本期中又上升至第5位，上个月是第6位。Logo语言从业上月的第21位升至第18位。

不出所料，今年的编程语言中又有一匹黑马，那就是 Google 的 Dart 语言，Dart 上个月一经发布便窜到了排行榜107位，11月居然到了63.

2011年之前的年度编程语言

本文链接

便捷的安全检测

2011-05-18T15:15:00Z

体验免费便捷的安全检测

使用iiScan，会让您及时了解网站的安全情况；

使用iiScan，会让您轻轻松松进行安全测试；

使用iiScan，会让您网站安全航驶在互联网。

而这一切，不需要您任何的硬件支持；不需要您拥有高深的安全知识；更不需要花费您一分钱。

了解网站安全情况

iiScan为您提供专业的网站安全测试评估，为您的网站提供权威的测试报告，告知您网站安全状况。

网站安全隐患主要源自网站本身存在的程序漏洞，类似“上传漏洞”，“SQL注入漏洞”等漏洞已成为网站的安全杀手，而对于一般非安全技术人员是很难察觉这些漏洞隐患。

iiScan出现就为让您及时发现网站可能存在的漏洞安全问题，让您及时了解到网站是否存在会给您网站带来经济和效益损失的安全隐患漏洞，让您更好保护网站的资产。

本文链接

Windows 7 64位中安装IIS失败？“出现错误。并非所有的功能被成功更改”

2011-04-01T11:22:00Z

Windows 7 64位中安装IIS失败？

“出现错误。并非所有的功能被成功更改”

找了很多资料都没有办法解决，最后我发现其实安装IIS的时候如果在变更IIS组建的时候就没有自动选择上，就一定会出现这样的问题；

但是在安装过程中，IIS其实是被安装进去了，在最后检测什么东西的时候失败了，导致还原安装，所以我的对策是：

在安装时，一直打开计算管理，监视IIS的Treelist有没有完整出现，一旦出现，我就点击关机，重启后结果就是好了，也就是人为终结还原过程；

昨天安装进去了，今天没有发现问题；

这种方法不是很推荐，建议安装32位系统，这样兼容性好得多；

本文链接

Microsoft VBScript 运行时错误错误 '800a000d' 类型不匹配: 'regEx.Replace'

2011-03-31T23:10:00Z

Microsoft VBScript 运行时错误错误 '800a000d' 类型不匹配: 'reg

Microsoft VBScript 运行时错误错误 '800a000d'

类型不匹配: 'regEx.Replace'

/bbs/Conn.asp，行 40

=re.replace(Rs("Subject"),"")

均替换为：

=re.replace(""&Rs("Subject"),"")

本文链接

64位系统上的Jet for Access, Excel, Txt

2011-03-31T22:57:00Z

原著： Ibrahim de Untruepe

文章解释了怎样在64位系统下，使用Jet驱动程序与Access, Excel, Text通讯。

概述

　　默认情况下，Microsoft OLE DB Provider for Jet 和 Jet ODBC 驱动程序只能在32为环境下运行，无法运行在64位模式下。

　　例如，你有一个32位应用程序，它使用微软的Microsoft OLE DB Provider for Jet。如果你将应用程序迁移至64位模式下运行，应用程序将无法 Microsoft OLE DB Provider for Jet连接到数据源。出现这个问题，是因为应用程序需要一个64位版本的 Microsoft OLE DB Provider for Jet。另外，一个网站可能即有32位应用程序，也有64位应用程序。

解决方案

如果你需要程序运行在64位环境，并打开Access, Excel 和 Text文件，你需要配置一些选项，才可以正常运行。

在WoW64模式下运行程序(64位系统上模拟的32位环境)。它可以使32位驱动程序正常工作。
如果应用程序是一个运行在IIS 7上的Web程序，你可以将Web站点对应的应用程序池配置成运行在32位模式下。
微软随Office 2010发布了一个新的驱动程序，“2010 Office System Driver”，它同时支持32位和64位。你可以使用这些驱动程序，在64位环境连接到Access, Excel和Text文件，利用它的新64位驱动程序。提供程序名为“Microsoft.ACE.OLEDB.14.0”。同时，你不需要购买或安装任何的Office套件，组件可以单独下载。
http://www.microsoft.com/downloads/details.aspx?FamilyID=C06B8369-60DD-4B64-A44B-84B371EDE16D&displaylang=en

总结

　　它可以再64为系统上打开 Excel, Access 和 text 文件。
　　你可以同时配置你的应用程序运行在32位驱动程序下，或让程序使用64位的新驱动程序。

本文链接

64位IIS(IIS6/IIS7)上运行Jet.Oledb的设置

2011-03-31T22:56:00Z

由于64位操作系统不支持Microsoft OLE DB Provider for Jet驱动程序，也不支持更早的Microsoft Access Driver (*.mdb)方式连接。所以用于 Access 和 Excel 数据库的 Microsoft OLE DB Provider for Jet 在 64 位版本中不可用，也就是说，如下两种连接字符串都已经无法正常工作了：

"Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&Server.mappath(db)

"driver=Microsoft Access Driver (*.mdb);DBQ="&Server.MapPath(db)

既然这样，就只能使用一个办法，将IIS的运行环境设置为32位：

IIS6上的做法:

1.命令行键入:

cscript.exe %SYSTEMDRIVE%\inetpub\adminscripts\adsutil.vbs SET W3SVC/AppPools/Enable32bitAppOnWin64 1

即设置IIS6允许32位程序运行在64位机器上

2.重新注册.net FrameWorks

%SYSTEMROOT%\Microsoft.NET\Framework\v2.0.50727\aspnet_regiis.exe -i

3.完成之后，应该会看到多出一个32位的asp.net,如下图:

将其设置为允许，缺点：这样会使整个IIS上的所有站点都以32位兼容方式运行

IIS7上的做法要简单很多:

应用程序池，高级设置-->允许32位应用程序，如下图:

建议专门针对兼容32位应用驱动新建一个应用池。

本文链接

超经典！90后看不懂的操作系统

2011-03-31T00:43:00Z

回忆上学时代。这个系统你还记得吗？（90后的就不要看了。）

收藏的软件比较多了。
windows 95 nt4.0 97 98 98se me 2000 xp 2003 vista 7.......

先看一下这个古老的系统是怎么安装的。。

本文链接

如何在浏览器看到ASP的错误详细信息(IIS7.0)

2011-03-17T06:58:00Z

iis 7.0 ，在我们做的页面出现错误的时候，页面默认不会像iis 5.1 那样提示具体的错误信息。只会提示这样的一串英文信息：An error occurred on the server when processing the URL. Please contact the system administrator. <p/> If you are the system administrator please click <a href="http://go.microsoft.com/fwlink/?LinkID=82731">here</a> to find out more about this error.
这段英文信息对我们解决代码或者系统的问题几乎是毫无利用价值，那我们怎样把具体的错误信息提示出来呢？

方法主要有两种：

方法一：

1、打开IIS7的asp设置，展开“调试属性”选项，“将错误发送到浏览器”这项默认的是False，改为True，然后点右侧的应用！

如果是英文版的话，选择ASP选项卡，展开Debugging Properties，将Sending Errors to Brower 选为TRUE就行了；

2、如果浏览器还看不到，那么将Internet选项中的显示有好提示信息勾掉，那就可以了。

方法二：在CMD中以管理员身份输入以下命令

%windir%\system32\inetsrv\appcmd set config -section:asp -scriptErrorSentToBrowser:true

通过以上的设置，就可以提示具体的错误信息了！大家可以通过错误信息对自己的页面进行修改

本文链接

PHP and ASP.NET - A Feature List

2011-02-28T08:22:00Z

http://www.codeproject.com/KB/applications/php_asp_net.aspx

The choice of technology is completely dependent on the requirements. The factors that influence the decision of choice are based on the following:

Complexity of Business logic
Density of contents
Expected number of Hits (if it is a website)
Budget
Size of project, etc.

There are multiple options available for many features. The major ones are listed which are my recommendations.

	ASP.NET	PHP	Comments
Latest Stable Version	4.0	5.3.3	As of 19 Aug 2010
License	MS EULA	PHP License v3.01
Price	ASP.NET - .NET Framework is free. So ASP.NET also free Web Server – IIS – Not Free. OS cost applicable OS – Windows Server – Not Free	PHP – Free Web Server – Free OS – Linux is free, Windows is costly	PHP can be installed on any OS and Web server. But ASP.NET is recommended for IIS only (even though ports to few web servers available)
Third Party Hosting Price	Cost involved	Cost Involved	Both are not costly but if you compare, PHP is found to be a little bit cheaper
Development Cost	Developer cost Involved Visual Studio Express Editions are free Rapid-Application-Development Model. So development takes less time	Developer Cost Involved Free/Open Source IDEs available Much coding involved	Both are same but ASP.NET is more on Rapid-Application-Development and PHP is more on Coding
Cross Platform	Yes	Yes	Whatever server side language you use, browsers render only as HTML. But development is not cross-platform even though ASP.NET got ports for Linux available
Code Portability	Partial	Yes	For PHP, a code written on Linux/Apache will work on Windows or any OS/Web Server. But .NET, even though we have ports available, you will require some tweaks to make it run.
Cloud Feasibility	Possible	Possible	Additionally, for ASP.NET -SQL Azure is also available for database hosting.
Mode of source	Closed Source	Open Source	Application developers have no benefits for either it is closed or open UPDATE: Microsoft also opened .NET framework code for reference. Note that it is just for reference. You cannot do anything except reading. A real open source must be able to download, make amendments, re-compile. You cannot make your own .NET versions.
Promoted by	Microsoft	PHP Community
Customer Support by Owner	Yes	No
Security Fixes	Auto Update – part of OS	Need to update separately when available	Both parties release fixes for bugs and security issues instantly
Developer Help	Community	Community	Both technologies got fans worldwide. They will provide help and guidance through forums, mail lists, news groups, etc.
Languages	C# VB.NET Jscript, etc.	PHP
Database	Any Database Good fit: Microsoft SQL Server	Any Database Good fit: MySQL	Supports most of the databases
Frameworks / OOPs	There is an inbuilt framework (called web forms framework) available which will force developers to use OOPs	You can write both procedural and OOPs based code
MVC	Microsoft ASP.NET MVC	Symfony
Development IDE	Recommended: Microsoft Visual Studio Any IDE	Recommended: Zend Studio Any IDE	Even Notepad can be used for coding. PHP is more easy for that, but if you can afford Visual Studio, then ASP.NET.
ORM	ADO.NET Entity Framework NHibernate	Doctrine
Templating	NVelocity	Smarty
Extensibility	ASP.NET uses Microsoft.NET framework. So you can make use of any functionality available on .NET framework HTTPHandlers HTTPModules ISASP Extensions, etc.	PECL – PHP Extension Community Library
Easy to learn	Yes	Yes	Personally I found PHP to be easier for a beginner to learn programming
Recommended for Huge systems?	Yes	No	As per my analysis, PHP is recommended for small-to-medium projects and ASP.NET and JSP for medium-to-big applications UPDATE: If you think about Facebook, please understand that: it uses a re-written PHP and a transformer+compiler called HipHop which transforms PHP code to highly optimized C++ code and then compiles with gcc. We are talking here about the PHP we get for application developers from PHP.NET (as it is).
Content Management Systems	DotNetNuke SharePoint N2CMS …	Typo3 Joomla Magento …	Wide variety of options
Advancement	Growing very fast	Growing with limited speed	Micorosft’s team is keen to develop and integrate new features. But since PHP is promoted by community, it takes time to reach that level
Backward Compatibility	Old code will work on new framework versions without change	Old code might need tweaks to make it work on latest versions
Security	IIS must be improved from the past and now a days it is one of the secure web servers	Major web servers are secure	ASP.NET, PHP, Oss and its servers are mostly secure. Now developers need to make sure their coding is secure.
Performance	Faster	Faster for small programs and slower for medium-to-big programs	Very basic old argument – ASP.NET is compiled and PHP is interpreted (line by line compilation and execution)
Deployment	Multiple methods available E.g.: Publish, XCopy, MSI	You need to copy/paste code to server somehow (e.g.: FTP)
Some useful features	WCF (Windows Communication Foundation), Web Service, .NET Remoting etc. ASP.NET AJAX Built-in Caching features	Web Service Third party Ajax libraries Third party Caching libraries

I do not claim all I stated above are true, but all that I believe to be true. Also this list is in no way complete. It is time consuming to build a full list, so I included the major points only.

Correct me if any point is wrong or if I missed any important points.

本文链接

Javascript DataGrid using the MVC

2011-02-28T08:13:00Z

http://www.codeproject.com/KB/scripting/Javascript_DataGrid.aspx

Introduction

The MVC pattern is the way of breaking an application or GUI control into three parts: the controller, the model, and the view. The MVC pattern was designed to deal with input, data processing, and rendering the data into the GUI realm. The user input, data processing and rendering the data are separated and handled by the view, model, and controller objects.

The controller interprets the mouse and keyboard inputs from the user and maps these commands to the view and model objects to change the state. The model manages one or more data elements. The view manages the client area of the display and is responsible for presenting the data to the user. A view typically has a kit of the methods that know how to render the graphics. A controller is an object that is responsible for user interaction with the application. A controller accepts input from the user and forces the view and the model to perform actions. For instance, if the user clicks the mouse button or clicks some item on interface, the controller is responsible for determining how the app should respond to the end-user. The model, view, and controller are related. Therefore, they must reference each other (the picture below show the Model-View-Controller relationships).

I think that the MVC paradigm is the best way of breaking the GUI control, that is why I choose this pattern, and I do like this pattern. It doesn't matter what environment you use, whether it's a Java, C# or even JavaScript. The idea is to break the application into three logic classes.

Collapse | Copy Code

--------------
                 |   Model    |
                 --------------
                /\           /\
                /             \
               /               \
              /                 \
             /                   \
      -------------- <------ --------------
      |    View    |         | Controller |
      --------------         --------------

Background

My passion is AJAX applications and JavaScript controls. I don't like to use ActiveX or Java applets in the browser. Sure, there are many reasons why you have to do this, but in most cases I think it is better to implement it via JavaScript code. I'm talking about GUI controls.

Code

As stated above, the MVC paradigm supposes to break an application or GUI control into three logic classes. There are three logic classes in this control.

Collapse | Copy Code

var dataSource = new DataSource();//implements the model
var view = new View(idHolder,columnsWSize,dataSource);
var controller = new Controller(view, dataSource);

The controller class handles all events and forces the dataSource and view classes to perform certain actions.

Collapse | Copy Code

this.onRemoveRow = function(rowId)
{ 
    view.removeRow(rowId);
    dataSource.removeRow(rowId);
}
this.onUpdateRow = function(rowID)
{
    view.setGridUnselectedState();
    view.setRowWriteState(rowID);
}
this.onAddRow = function()
{ 
    view.setGridUnselectedState();
    view.setRowAddState();
}
view.dataClickedEventHandler = function()
{
    thisRef.hideAllMenu();
    view.setGridUnselectedState();
    event.cancelBubble = true; 
}
....

The dataSource class has a kit of the methods which work with data.

Collapse | Copy Code

var dataHeaders = new Array();
var dataRows = new Array();
var sortDirection= asc;
var sortIndex = 0; 

function sortItems(data1,data2)
{
    var data1Value = data1[sortIndex];
    var data2Value = data2[sortIndex];
          
    if(data1Value==null)
        data1Value = "";
            
    if(data2Value==null)
        data2Value = "";
    data1Value = data1Value.toUpperCase();
    data2Value = data2Value.toUpperCase();
     
    if(sortDirection==asc)
    {
        if(data1Value < data2Value)
            return -1;
        else 
        if(data1Value > data2Value)
            return 1;
        else 
            return 0;      
    }
    else 
    {
        if(data1Value > data2Value)
            return -1;
        else 
            if(data1Value < data2Value)
                return 1;
            else 
                return 0;   
    }
}
this.clear = function()
{
    dataHeaders = new Array();
    dataRows = new Array();
    sortDirection= asc;
    sortIndex = 0; 
}
...

The view class has kit of the methods to work with GUI.

Collapse | Copy Code

this.isRowWriteState = function(rowId)
{
    for(var index=0;index < dataContent.rows.length;index++)
    {  
        if(dataContent.rows[index].cells
            [dataContent.rows[index].cells.length-1].firstChild.children
            [1]!=null && dataContent.rows[index].rowId == rowId)
                return true;
    }
}
this.setRowSelectedState  = function(rowId)
{ 
    for(var index=0; index < dataContent.rows.length; index++)
    {
        if(dataContent.rows[index].rowId==rowId)
        {   
            for(var index1 = 0; index1 < 
                dataContent.rows[index].cells.length; index1++)
            {   
                var width = dataContent.rows[index].cells[index1].style.width;
                dataContent.rows[index].cells[index1].style.cssText = 
                    styleCellSelectedData;
                dataContent.rows[index].cells[index1].style.width = width;
            }
            break;
        }
             
    }
    this.selectedRowId = rowId;
}
this.setGridReadState = function()
{
    for(var index=0;index < dataContent.rows.length;index++)
    {  
        //if the stub column has buttons that means the row is in write state
        if(dataContent.rows[index].cells[dataContent.rows
            [index].cells.length-1].firstChild.children[1]!=null)
            {
                this.setRowReadState(dataContent.rows[index].rowId);
            }
    }
}
this.setGridNotAddState = function()
{  
if(data.children.length==2)
    data.children[0].parentElement.removeChild(data.children[0]);
}
...

Disadvantages

There are a couple of disadvantages in this grid. It supports only Internet Explorer (I didn't have much time to write extra code for it to be a cross browser control). But this is a minor disadvantage; the major disadvantage is of code execution. The execution is not very good during resizing the column and creation. Since it deals with junking the text in cells, I wrote the utility method that did junking:

Collapse | Copy Code

function junkTextToWSize(str , wSize , cssText)
{
    var textLabel = document.getElementById("uxTextLabel");
    if(textLabel==null)
    {
        textLabel = document.createElement("");
        textLabel.id = "uxTextLabel"; 
        document.body.appendChild(textLabel);
    }
    textLabel.innerText = str;
    textLabel.style.cssText = cssText;
    textLabel.style.visibility = "hidden";
    textLabel.style.position = "absolute"; 
          
    if(textLabel.offsetWidth>=wSize)
    {
        textLabel.innerText = "..."+textLabel.innerText
        while(textLabel.offsetWidth>=wSize)
        {
            textLabel.innerText = textLabel.innerText.substr
                        (0,textLabel.innerText.length-1);
        }
        var retString = textLabel.innerText.substr
            (3,textLabel.innerText.length-3)+"...";
        return retString;
    }

    else 
    return str;
}

This method creates a temp span element to check the size of text. If the text label is too long, it has to be junked and be with the suffix "�". The call of the offsetWidth is too expensive for IE. I wrote the simple function to try out the offsetWidth calling.

Collapse | Copy Code

function buildTable()
{       
      var table = document.all.uxTest.appendChild
          (document.createElement("<table>"));
      for(var index=0; index<401; index++ ) 
      {
         var row = table.insertRow();
         for(var index1=0; index1 < 11; index1++)
         {
           
              var cell = row.insertCell()
              cell.innerText = index+"string"+index1;
              // var offsetWidth = cell.offsetWidth;             

         }        
      }   
}
buildTable();

This calling will take about 6 seconds, but if you uncommented the "var offsetWidth = cell.offsetWidth;" it would take over 1 minute to execute. That is why I set the limit of rows in grid to 300 rows. I'm still interested on how to count the width of the text without calling the offsetwidth property.

Grid features

This grid supports dragging columns, resizing columns, and sorting columns. The double click on the column header will cause sorting the grid by the clicked header column. In order to resize columns, you need to move the header separator, holding the mouse button. It will cause junking the text labels in resizing column if they are too long to be in the cell. To drag a column you need to move the mouse on the header, holding the mouse button.

The grid also has two kind of menus: the selected row menu and the grid menu. Right-clicking on row will cause an appearance of the selected row menu and right-clicking anywhere out of rows will cause an appearance of the grid menu. The grid has two events "onRowUpdated" and "onRowAdded". These events fire on "Add","Update" button click and return the obj that contains new values for grid row.

In order to set row into "add", "update" state you need call the grid methods "grid.addRow()", "grid.updateRow(rowId)".

Using the code

It's pretty simple to use it in any web application.

Collapse | Copy Code

var grid = new GolikGrid(null,
 [150,30,150,100,150,150,150,150,150,150],500,900 ,"uxGridHolder");
var dataSource = grid.getDataSource();
dataSource.addHeaderItem("Company Name");
dataSource.addHeaderItem("Contact Name");
dataSource.addHeaderItem("Company Title");
dataSource.addHeaderItem("Address");
dataSource.addHeaderItem("City");
dataSource.addHeaderItem("Region");
dataSource.addHeaderItem("Postal Code");
dataSource.addHeaderItem("Country");
dataSource.addHeaderItem("Phone");
dataSource.addHeaderItem("Fax");
       
dataSource.addRowItem(1,new Array("Wilman Kala","Serch",
    "Owner/Marketing Assistant","Adenauerallee 900",
    "Seattle","SP","51100","Germany","0241-039123","089-0877451"));
dataSource.addRowItem(2,new Array("Wilman Kala","Serch",
    "Owner/Marketing Assistant","Adenauerallee 900",
    "Seattle","SP","51100","Germany","0241-039123","089-0877451"));
dataSource.addRowItem(3,new Array("Wilman Kala","Serch",
    "Owner/Marketing Assistant","Adenauerallee 900",
    "Seattle","SP","51100","Germany","0241-039123","089-0877451"));
dataSource.addRowItem(4,new Array("HILARION-Abastos","Dima",
    "Sales Representative","Luisenstr. 48","Sao Paulo",
    "WA","8200","Denmark","(5) 555-4729","(171) 555-9199"));
grid.dataBind();

Collapse | Copy Code

var grid = new GolikGid(param1,param2,param3,param4,param5);

Param1 - the id of the grid, can be omitted and null can be passed instead of the real id.
Note: if you are going to use one grid, you can ignore this param and pass null but if you going to use a number of grids, you have to pass the unique id for each grid.
Param2 � the array of the widths for columns.
Note: it's better to set column the actual width of the text otherwise it has to call the "junkTextToWSize" method which would be causing the overload.
Param3 - the height of the grid.
Param4 - the width of the grid.
Param5 � the id holder for the grid.
Note: if the param is omitted and null is passed, the grid will be added to the body element instead of to the specified element.

Collapse | Copy Code

dataSource.addRowItem(param1,param2);

Param1 - the id of the row.
Param2 � the array of cells.

Init menu

As I said before there are two kind of menus in grid: item menu and grid menu. The grid menu takes place on right mouse click on anywhere out of rows(on scroll bars, headers, freespace where supposed to be rows) and row menu takes place by right-clicking on rows. It's pretty simple to build your own menus. All you need to do is create an object, where "key" will be treated as a menu item name and value as menu item handler, then pass it in corresponding methods.

Collapse | Copy Code

var rowMenuItems = {"Add New":onMenuAddNew,"Update":onMenuUpdateRow,
    "Remove":onMenuRemoveRow,"Refresh":onMenuRefresh};
var gridMenuItems = {"Refresh":onMenuRefresh,
    "Remove Column":onMenuRemoveColumn,
    "Add New Row":onMenuAddNew,"Help":onMenuHelp}; 
grid.setItemMenu(rowMenuItems);
grid.setGridMenu(gridMenuItems);

You also need to implement all declared handlers for menu items. For example, "Help" grid menu item handler:

Collapse | Copy Code

function onMenuHelp()
{
    window.open("about:blank");
}

Adding, updating, and removing rows in grid

There are no native events for grid to get row into "update", "add" state, but there are two events that fire when that actions are completed.

Collapse | Copy Code

//assign the event handler for onRowUpdated and onRowAdded event
grid.onRowUpdated = onGridRowUpdated;
grid.onRowAdded = onGridRowAdded;

In order to set row into update state, you need to call "grid.updateRow(rowId)" somewhere. For example, "Update" row menu item handler.

Collapse | Copy Code

function onMenuUpdateRow()
{
    grid.updateRow(grid.getSelectedRowId());
}

Since the "onMenuUpdateRow" is a handler of row menu, there is an ability to get "selected RowId" by calling the "grid.getSelectedRowId()" method. This calling sets selected row into update state. The user can cancel updating by cliking the cancel button. Once the user clicks "update" button, the grid fire event "grid.onRowUpdated".
For example, "onGridRowUpdated" event handler.

Collapse | Copy Code

function onGridRowUpdated(row)
{
    var updateResult = "The grid row has been updated.\n";
    updateResult+=   "ID "+row.id+"\n";
    updateResult+=   "Company Name:  "+row
        ["Company Name"]+"\n";
    updateResult+=   "Contact Name:  "+row
        ["Contact Name"]+"\n";
    updateResult+=   "Company Title:  "+row
        ["Company Title"]+"\n";
    updateResult+=   "Address:  "+row
        ["Address"]+"\n";
    updateResult+=   "City: "+row["City"]+"\n";
    updateResult+=   "Region: "+row
        ["Region"]+"\n";
    updateResult+=   "Postal Code: "+row
        ["Postal Code"]+"\n";
    updateResult+=   "Country: "+row
        ["Country"]+"\n";
    updateResult+=   "Phone: "+row
        ["Phone"]+"\n";
    updateResult+=   "Fax: "+row["Fax"]+"\n";  
    alert(updateResult);
    customDataSource.updateRow(row.id,new Array(
        row["Company Name"] ,row["Contact Name"],
        row["Company Title"],row["Address"],
        row["City"],row["Region"],
        row["Postal Code"],row["Country"],
        row["Phone"],row["Fax"]));
}

This event handler has an argument that contains the data of an updated row. Each value can be accessed with header name then saved somewhere (in current sample it's custom datasource object that is implemented as presistent storage until page is refreshed).

It is the same story with "Add New" row menu item handler.

Collapse | Copy Code

function onMenuAddNew()
{
    grid.addRow();
}
function onGridRowAdded(row)
{
    var updateResult = "The grid row has been added.\n";
    updateResult+=   "Company Name:  "+row
       ["Company Name"]+"\n";
    updateResult+=   "Contact Name:  "+row
       ["Contact Name"]+"\n";
    updateResult+=   "Company Title:  "+row
       ["Company Title"]+"\n";
    updateResult+=   "Address:  "+row
       ["Address"]+"\n";
    updateResult+=   "City: "+row
       ["City"]+"\n";
    updateResult+=   "Region: "+row
       ["Region"]+"\n";
    updateResult+=   "Postal Code: "+row
       ["Postal Code"]+"\n";
    updateResult+=   "Country: "+row
       ["Country"]+"\n";
    updateResult+=   "Phone: "+row
       ["Phone"]+"\n";
    updateResult+=   "Fax: "+row
       ["Fax"]+"\n";  
    customDataSource.addRowItem(new Array(row["Company Name"],
       row["Contact Name"],row["Company Title"],
       row["Address"],row["City"],
       row["Region"],row["Postal Code"],
       row["Country"],row["Phone"],row["Fax"]));
    
    if(window.confirm("The row has been successfully added, 
        refresh the grid?"))
        initGrid();
}

The "onMenuAddNew" row menu item handler doesn't require the row id, so this row menu event handler can be added to grid menu. On adding a new row, you have to assign the new unique id for this row, so you need to put in persistent storage then re-init the grid to see the new item.

The "onMenuRemoveRow" row menu item handler can't be added to grid menu as it requires the id of the removing row that is accessible only in row menu item context.

Collapse | Copy Code

function onMenuRemoveRow()
{
    var selectedId = grid.getSelectedRowId();
    if(window.confirm("Are sure you want to remove this item?"))
    { 
        grid.removeRow(selectedId);
        customDataSource.removeRow(selectedId);
     }
}

This approach introduces a flexible way to build your own menus, but it's not necessary to build a menu only. You can do any modification on a grid by other ways. For example, it could be a nice toolbar having "remove, update, add, refresh" icons.

本文链接

博客园_人生就是一场圣战-GODWAR

12月编程语言排行榜：C#前途无量

便捷的安全检测

Windows 7 64位中安装IIS失败？“出现错误。并非所有的功能被成功更改”

Microsoft VBScript 运行时错误 错误 '800a000d' 类型不匹配: 'regEx.Replace'

64位系统上的Jet for Access, Excel, Txt

64位IIS(IIS6/IIS7)上运行Jet.Oledb的设置

超经典！90后看不懂的操作系统

如何在浏览器看到ASP的错误详细信息(IIS7.0)

PHP and ASP.NET - A Feature List

Javascript DataGrid using the MVC

Microsoft VBScript 运行时错误错误 '800a000d' 类型不匹配: 'regEx.Replace'