The javascript snippet to enable this was relatively easy.

var $ = skuid.$, eliteAgentAccounts_Ag = skuid.$M('EliteAgentAccounts_Ag'), eliteAgentAccounts_Basic = skuid.$M('EliteAgentAccounts_Basic'); $.each(eliteAgentAccounts_Ag.conditions, function(i,condition){ var agConditionName = condition.name, basicCondition = eliteAgentAccounts_Basic.getConditionByName(agConditionName); if(condition.inactive) { eliteAgentAccounts_Basic.deactivateCondition(basicCondition); } else { eliteAgentAccounts_Basic.activateCondition(basicCondition); eliteAgentAccounts_Basic.setCondition(basicCondition,condition.value); } });<br>

Pat, you’re a legend! I was only today, thinking about how to have one date picker that will filter a bunch of other models. Mucho useful for charting, as well as building dynamic report type pages.

Pat is taking a page out of my book.  Asking a question and then answering it himself.  That’s awesome.  But we do miss the hats. 

Pat, I had a rock star developer who worked for me when I ran a start up moons ago. He worked remotely and there were days that he went w/o seeing daylight. Your picture reminder me (fondly) of that developer. Rock on, dude. Irvin

Pardon the javascript newbie…

I have 2 aggregate models that are identical except the 2nd doesn’t have any groupings (so I can have call-out numbers).  I basically did a find and replace with the code here (I replaced the basic model with my model without groups and the other with my aggregate that has the table filters). The display numbers aren’t being filtered…

It’s an in-line (snippet) as follows:

var $ = skuid.$,&nbsp; &nbsp; oppyAggregate = skuid.$M('OppyAggregate'),<br>&nbsp; &nbsp; oppyAggregatetoDisplay = skuid.$M('OppyAggregatetoDisplay');<br>&nbsp; &nbsp;&nbsp;<br>&nbsp; &nbsp; $.each(oppyAggregate.conditions, function(i,condition){<br>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<br>&nbsp; &nbsp; &nbsp; &nbsp; var agConditionName = condition.name,<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; basicCondition = oppyAggregatetoDisplay.getConditionByName(agConditionName);<br>&nbsp; &nbsp; &nbsp; &nbsp; if(condition.inactive) {<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oppyAggregatetoDisplay.deactivateCondition(basicCondition);<br>&nbsp; &nbsp; &nbsp; &nbsp; } else {<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oppyAggregatetoDisplay.activateCondition(basicCondition);<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oppyAggregatetoDisplay.setCondition(basicCondition,condition.value);<br>&nbsp; &nbsp; &nbsp; &nbsp; }<br>

    });

Bump

Joe, I’m not sure if this is the same issue that you’re having, but I found that Pat’s original snippet doesn’t handle unnamed conditions that are always active - I had to slightly tweak it to get it to work for my models.

I added one extra if statement to my snippet

if(!agConditionName) {
return true;
}

Here’s a modified version of your snippet that incorporates it.

var $ = skuid.$, oppyAggregate = skuid.$M(‘OppyAggregate’),
oppyAggregatetoDisplay = skuid.$M(‘OppyAggregatetoDisplay’);

$.each(oppyAggregate.conditions, function(i,condition){

var agConditionName = condition.name,
basicCondition = oppyAggregatetoDisplay.getConditionByName(agConditionName);
if(!agConditionName) {
return true;
} else if(condition.inactive) {
oppyAggregatetoDisplay.deactivateCondition(basicCondition);
} else {
oppyAggregatetoDisplay.activateCondition(basicCondition);
oppyAggregatetoDisplay.setCondition(basicCondition,condition.value);
}

Joe,  I don’t immediately see anything wrong with your code.   Would you mind giving us login rights to your org so we can take a look at what is going on?   Here is how:
1. Use this tutorial to give us login rights: http://help.skuidify.com/m/getting-started/l/182412-getting-help-how-to-grant-skuid-login-rights-to-….
2. Then send an email to support@skuidify.com  with the name of the page. 
We’ll see what’s going on…

Here are  a few clarifications we found about Pat’s snippet. 

1. Implementation: 
- This snippet should be of type “Inline Snippet”
- You need to create a model action on the first model (the one that has filters on it) that is triggered when you requery the model. 
- The actions need to be “Run Snippet” and “Query Model” - choosing the second model. 

2. Limitations: 
- This code will not work for multipicklist conditions.  There is a diffent API method for passing values into multi-picklist conditions. 

You guys are geniuses, and by geniuses, I mean the kind of people whose code the rest of us cannibalize so we can live another day without learning Javascript.

Here’s the XML for a page that demonstrates this in action, for my fellow copy-pasters. It has 3 models queried with one filter, that I created for this topic. Yay!

Hi Ana,

Should this work with using a Date Range filter. 

Thanks,

Tami

I would not be suprised if this DOES NOT work with Date Range filters. 

So far I have not been able to get this to work with a Date Range. Do you know of another way that a date range can work on a table and its drawer?

interesting. Table model and drawer model. Should still work. You may have to modify snippet slightly.

Not sure about updating already opened drawer though.

Tami / Rob - 

If you use a date range with manual conditions it should work (I have it working on several pages). You may not be able to do it with the the automatically generated date range conditions.

Matt,

Can you explain more about the manual conditions? I have a date range with manual condition set on the parent table. How would I go about having it also change the drawer data?

Pat,

I tried your snippet with a date range and I couldn’t get it to work. Further inspection of how the date range shows in the console and the “value” section doesn’t get filled in. There are two conditions that need to be changed a Start and End date. Perhaps your snippet could work with some changes but I am not versed enough at this point to know what those changes should be.

Tami,

Here are two snippets, modified from Pat’s. The first I use to initialize the date range on the primary model on pageload. The second I use to link the conditions each time the primary model is queried. You need a conditions called “StartDate” and “EndDate” on each model that you want to link.

<jsitem location="inline" name="initializeDateConditions" cachelocation="false" url="">(function(skuid){

var $ = skuid&#46;$;

$(document&#46;body)&#46;one('pageload',function(){

var dateRangeModel = skuid&#46;$M('Cases'),

    startDateCondition = dateRangeModel&#46;getConditionByName('StartDate'),

    endDateCondition =  dateRangeModel&#46;getConditionByName('EndDate'),

    startDate = new Date(),

    endDate = new Date(),

    startDateOffset = -15,

    endDateOffset = -1;

    

    startDate&#46;setDate(startDate&#46;getDate() + startDateOffset);

        endDate&#46;setDate(endDate&#46;getDate() + endDateOffset);

    

        var startConditionValue = skuid&#46;time&#46;getSFDateTime(startDate),

            endConditionValue = skuid&#46;time&#46;getSFDateTime(endDate);

        

        dateRangeModel&#46;setCondition(startDateCondition, startConditionValue);

        dateRangeModel&#46;setCondition(endDateCondition, endConditionValue);

    

        dateRangeModel&#46;updateData();

    

});

})(skuid);</jsitem>

      <jsitem location="inlinesnippet" name="linkConditions" cachelocation="false">var $ = skuid&#46;$;

var startValue = skuid&#46;$M('Cases')&#46;getConditionByName('StartDate')&#46;value,

    endValue = skuid&#46;$M('Cases')&#46;getConditionByName('EndDate')&#46;value;

var targetModels = t];

targetModels&#46;push(skuid&#46;$M('numberOfSchedulingLeads'));

$&#46;each(targetModels, function(){

   this&#46;setCondition(this&#46;getConditionByName('StartDate'), startValue);

   this&#46;setCondition(this&#46;getConditionByName('EndDate'), endValue);

});

</jsitem>

After you run the linking script, you’ll need to query the linked (drawer) model.

Hi Matt,

I’m trying to use same principle to get this idea working, and wondering if you think it could work.

I have some sort of “Dashboard” built on Skuid, which contains 15+ models

And i want to Be able to input 1 Date Range manually (prob 2 ui only date fields , 1 for startdate , 1 for enddate- as cannot use automatically generated filters)

and once date range is inputted for it to affect all 15 models with same condition name

Any ideas?

This would certainly work. As Matt has done, you could name all the filters in each model with the same names so that you could create a snippet to loop through the models in order to update each of their conditions and then query them after which.

If you want to update every model in your page with your ui only fields, then you could loop through them using skuid.model.list(). If not, create an array of the model id’s to loop through in this way.

var models = ‘model1’,‘model2’,…],
      model;


$.each(models, function(m,modelid)({
   model = skuid.$M(‘modelid’)
   // update model conditions
   …
});

I’d just put a pagetitle with an ‘apply’ button next to your date range fields, and have the button run a snippet that goes something like this:

var $ = skuid&#46;$; $&#46;blockUI(); var row = skuid&#46;$M('MyUiOnlyModel')&#46;getFirstRow(), startValue = row&#46;StartDate &nbsp; &nbsp; endValue = row&#46;EndDate; var targetModels = skuid&#46;model&#46;list(); <br /> &#47;&#47; If you don't want to apply the condition to all of your models, &#47;&#47; you can list them manually in the targetModels array like so: &#47;&#47; var targetModels = eskuid&#46;$M('Model1'),skuid&#46;$M('Model2')]; <br />$&#46;each(targetModels, function(){<br />&nbsp; &nbsp;this&#46;setCondition(this&#46;getConditionByName('StartDate'), startValue);<br />&nbsp; &nbsp;this&#46;setCondition(this&#46;getConditionByName('EndDate'), endValue);<br />}); $&#46;when(skuid&#46;model&#46;updateData(targetModels))&#46;then(function(){ $&#46;unblockUI(); });

HI Matt & Pat,

Thank you and  Sorry was a bit busy and was only able to test this today.

I created a model named MyUiOnlyModel , and 2 Ui-only fields in it, named StartDate and EndDate
+ create 2 condition (filterable off) in 1 other model to test , condition are named StartDate and EndDate

Apply button has 1 Action: Run the Snippet above

When i try it, i get this error in console :  Uncaught Model ‘MyUiOnlyModel’ has unsaved changes. To update this model’s data, you must first save or cancel the changes.

On the model named ‘MyUiOnlyModel’, I unchecked the option to Prevent users from leaving page if this Model has unsaved change, but Still having same error

The UI is stuck and cannot test properly because of it.

Any Ideas?

Thank you

The “MyUiOnlyModel” must be set to query as well. You’ll have to cancel the changes prior to query but after setting conditions.

Thank you , been trying, but nothing works. i guess not knowledgeable enough in JS to modify Matt’s Script on my own

In case any of you have a similar script you are already using please share, so i can try to understand it.

var $ = skuid.$;<br>

$.blockUI(); var row = skuid.$M('MyUiOnlyModel').getFirstRow(), startValue = row.StartDate &nbsp; &nbsp; endValue = row.EndDate; var targetModels = skuid.model.list(); <br> // If you don't want to apply the condition to all of your models, // you can list them manually in the targetModels array like so: // var targetModels = lskuid.$M('Model1'),skuid.$M('Model2')]; <br>$.each(targetModels, function(){<br>&nbsp; &nbsp;this.setCondition(this.getConditionByName('StartDate'), startValue);<br>&nbsp; &nbsp;this.setCondition(this.getConditionByName('EndDate'), endValue);<br>}); $.when(skuid.model.updateData(targetModels)).then(function(){ $.unblockUI(); });