How to close Drawer in button click?

  • 1
  • Question
  • Updated 4 years ago
How to close Drawer in "Cancel" button click(button placed in Drawer table)?
When I click cancel current drawer closed automatically with cancel action?

My Page code:

<skuidpage unsavedchangeswarning="yes" showsidebar="true" showheader="true">   <models>
      <model id="Account" limit="20" query="true" createrowifnonefound="false" sobject="Account">
         <fields>
            <field id="Name"/>
            <field id="AccountNumber"/>
            <field id="Phone"/>
            <field id="Description"/>
            <field id="SLASerialNumber__c"/>
            <field id="YearStarted"/>
         </fields>
         <conditions/>
         <actions/>
      </model>
      <model id="Contact" limit="20" query="true" createrowifnonefound="false" sobject="Contact">
         <fields>
            <field id="AccountId"/>
            <field id="Account.Name"/>
            <field id="AssistantName"/>
            <field id="AssistantPhone"/>
            <field id="Birthdate"/>
            <field id="Fax"/>
            <field id="Phone"/>
            <field id="InformalName"/>
            <field id="Title"/>
         </fields>
         <conditions/>
         <actions/>
      </model>
      <model id="Status" limit="20" query="true" createrowifnonefound="false" sobject="Status__c">
         <fields>
            <field id="Status_Value__c"/>
         </fields>
         <conditions/>
         <actions/>
      </model>
   </models>
   <components>
      <skootable showconditions="true" showsavecancel="true" searchmethod="server" searchbox="true" showexportbuttons="true" pagesize="10" createrecords="true" model="Account" buttonposition="" mode="read">
         <fields>
            <field id="Description"/>
            <field id="Name"/>
            <field id="AccountNumber" valuehalign="" type="CUSTOM" snippet="StatusShow"/>
            <field id="Phone"/>
            <field id="SLASerialNumber__c" valuehalign="" type=""/>
            <field id="YearStarted" valuehalign="" type=""/>
         </fields>
         <rowactions>
            <action type="edit"/>
            <action type="delete"/>
            <action type="drawer" label="Run multiple actions" icon="ui-silk-user-add">
               <drawer title="Drawer Area" width="90%" closehandle="true">
                  <components>
                     <skootable showconditions="true" showsavecancel="true" searchmethod="server" searchbox="true" showexportbuttons="false" pagesize="10" createrecords="true" model="Contact" buttonposition="" mode="read">
                        <fields>
                           <field id="AssistantName"/>
                           <field id="AssistantPhone"/>
                           <field id="Birthdate"/>
                           <field id="Fax"/>
                           <field id="Phone"/>
                           <field id="Title" valuehalign="" type=""/>
                        </fields>
                        <rowactions>
                           <action type="edit"/>
                           <action type="delete"/>
                        </rowactions>
                        <massactions usefirstitemasdefault="true">
                           <action type="massupdate"/>
                           <action type="massdelete"/>
                        </massactions>
                        <views>
                           <view type="standard"/>
                        </views>
                        <renderconditions logictype="and"/>
                        <conditions>
                           <condition type="contextrow" field="AccountId" mergefield="Id"/>
                        </conditions>
                        <actions defaultlabel="Global Actions" defaulticon="sk-icon-magic" usefirstitemasdefault="true">
                           <action type="multi" label="Cancel" icon="sk-icon-magic">
                              <actions>
                                 <action type="drawer"/>
                              </actions>
                           </action>
                        </actions>
                     </skootable>
                  </components>
               </drawer>
            </action>
         </rowactions>
         <massactions usefirstitemasdefault="true">
            <action type="massupdate"/>
            <action type="massdelete"/>
         </massactions>
         <views>
            <view type="standard"/>
         </views>
         <exportproperties usetablecolumns="true" appendrowidcolumn="false"/>
      </skootable>
   </components>
   <resources>
      <labels/>
      <javascript>
         <jsitem location="inlinesnippet" name="StatusShow" cachelocation="false">var params = arguments[0],
$ = skuid.$;
var field = arguments[0];
var value = arguments[1];
console.log(field.mode);
if (field.mode === 'edit') {
  
var disabilityOptions = [];

skuid.$.each(skuid.model.getModel('Status').getRows(), function(i,row) {
console.log('---row----'+row);
disabilityOptions.push({
value : row.Status_Value__c, 
label : row.Status_Value__c  
});
});
console.log('---disabilityOptions----'+disabilityOptions);

var disabilitySelect = skuid.ui.renderers.PICKLIST.edit({
entries : disabilityOptions,
required : false,
value : value
}).change(function() {
//alert(skuid.$(this).val());
field.model.updateRow(field.row,'AccountNumber',skuid.$(this).val());
});
field.element.append(disabilitySelect);
} else {
console.log('-----nonedit------'+field.mode);

    skuid.ui.fieldRenderers.TEXT[field.mode](field,value);
}
</jsitem>
      </javascript>
      <css/>
   </resources>
</skuidpage>
Photo of Siva

Siva

  • 180 Points 100 badge 2x thumb

Posted 4 years ago

  • 1
Photo of Matt Sones

Matt Sones, Champion

  • 31,478 Points 20k badge 2x thumb
Siva,

you may find this and this helpful.