function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
warrnewarrne 

Inline editing Lookup fields, in a custom JS / jQuery grid

Hi everyone.

 

We are integrating a jQuery grid into a visual force page, and want to leverage the inline editing capabilities.

 

We’ve stumbled into an issue whereby a user may want to inline edit a field that is populated by lookups, and so we need to be able to trigger the lookup dialogue, and capture the selected value for re-inputting back into the cell of the grid, prior to postback.

 

Does anyone have experience of this issue, and is able to offer pointers, or know of any documentation, blog posts, beer mats, cigarette packets etc that might contain such information.

 

All pointers warmly received.

 

warren

happiness801happiness801

I'm not sure if this will help, but I wanted to do something similar -- I wanted a table of data that had inline edit support, and I wanted to use jQuery table-sorter. Granted, adding table-sorter is much simpler than full jqGrid functionality, but maybe some food for thought...

 

I created the table using a pageBlockTable with inline edit support then applied the tablesorter to the table that SalesForce created.

 

<apex:pageBlockTable id="example" value="{!items}" var="item">
      <apex:column>
         <apex:outputField value="{!item.Custom_Field__c}">
     </apex:column>
     <apex:inlineEditSupport event="ondblClick" showOnEdit="saveButton,cancelButton" hideOnEdit="customButtonExample" />
</apex:pageBlockTable>

 Then I made that table sortable via:

$('TABLE[id$=example]').tablesorter({headers:{0:{sorter:false}}});

 This worked for me, including lookup fields, text area fields, date fields, etc.