Click here to Skip to main content
15,886,078 members
Articles / Web Development / HTML

Light Speed Inline Editing Using ASP.NET AJAX and Web Services: Part I

Rate me:
Please Sign up or sign in to vote.
4.81/5 (21 votes)
6 Apr 2008CPOL6 min read 139.8K   4.2K   95  
JavaScript + AJAX solution for inline editing in a grid.
function onKeyPressDecimalValueHandler(eventObj,obj)  
  {   
      var thisRef;
      if(obj==null)
        thisRef = this;
      else
        thisRef = obj;
    
      function isValidInput(key,value)
      {
          if(key == "." && value.indexOf(".")==-1)
            return true;
          if(isNaN(key)) 
             return false;
          else
             return true;    
            
      }
   
      if(typeof event == "undefined")
      {
          var key =  String.fromCharCode(eventObj.charCode); 
          if(eventObj.charCode == 0)
             return;
          if(!isValidInput(key, thisRef.value))
             eventObj.preventDefault();
      }
      else
      {
          var key =  String.fromCharCode(event.keyCode); 
          if(!isValidInput(key, thisRef.value)) 
             event.returnValue = false;
      }
      
         
  }
  
  
 function onSelectFreightValueHandler(editAreaSettings, editArea)
 { 
    
     var children = extractDHTMLElements(editArea);
     children[1].onkeypress = onKeyPressDecimalValueHandler;
     
 }
 
 function onRenderPriorityValue(editAreaSettings, editArea)
 { 
      var dataSourceControl = document.getElementById(editAreaSettings.areaDataSourceControlID);
      var children = extractDHTMLElements(editArea);
      var readField = children[0];
      switch(dataSourceControl.value)
      {
          case HIGHEST_PRIORITY:
              readField.innerHTML = HIGHEST_PRIORITY_IMAGE;
          break; 
          case NORMAL_PRIORITY:
             readField.innerHTML =  NORMAL_PRIORITY_IMAGE;
          break;
          case LOWEST_PRIORITY:
             readField.innerHTML =  LOWEST_PRIORITY_IMAGE;
             default:/*Do nothing*/   
      } 
      
     editArea.attributes[PRIORITY_ATTR].nodeValue = dataSourceControl.value;
    
 }
 
 function onSelectPriorityValue(editAreaSettings, editArea)
 {
     var dataSourceControl = document.getElementById(editAreaSettings.areaDataSourceControlID);
     dataSourceControl.value =  editArea.attributes[PRIORITY_ATTR].nodeValue;
 }
 
 
 
 function onEditRushValueHandler(editAreaSettings, editArea)
 {
   
      var isRushOrderSpan = getFirstDHTMLElement(editArea);
      isRushOrderSpan.disabled = false;
      var isRushOrderChk = getFirstDHTMLElement(isRushOrderSpan);
      isRushOrderChk.disabled = false;
 }   
 
 function onCancelEditRushValueHandler(editAreaSettings, editArea)
 {
      var isRushOrderSpan = getFirstDHTMLElement(editArea);
      isRushOrderSpan.disabled = true;
      var isRushOrderChk = getFirstDHTMLElement(isRushOrderSpan);
      isRushOrderChk.disabled = true;
   
 
 }  
 
 function onExtractRushValueHandler(retObj, editAreaSettings, editArea) 
 {
      var isRushOrderChk = getFirstDHTMLElement(getFirstDHTMLElement(editArea));
      retObj[editAreaSettings.areaName] = isRushOrderChk.checked;
       
 }

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Web Developer
Belarus Belarus
Andrew Golik is a software professional working in Minsk, Belarus.
He enjoys design infrastructures based on object oriented paradigm. His programming experience includes ASP, ASP.NET, .NET, COM, JAVA, PHP, DHTML, AJAX, blah blah blah....

Andrew Golik's Blog

Comments and Discussions