My question is related to Kendo Grid.
Is it possible to hide / disable input widget from filter when user selects operator like
"Is null" or "Is not null" from dropdown?
https://dojo.telerik.com/iXIwEdaq
Thanks
Related
I have a requirement in which some selected group columns should be hidden, and rest group columns should display.
How can we achieve it using Kendo ui + Angular 6.
You can bind the ColumnComponent's hidden input to an expression that returns the respective boolean value after performing the required custom logic that will determine whether a column should be hidden or not.
The grouping configuration is available in the object the Grid group input is bound to.
Here is an example that demonstrates hiding all columns the data is grouped by, but ProductName:
EXAMPLE
This question already has answers here:
What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
(3 answers)
Closed 4 years ago.
I am rendering my DataTable the angular way, I added a select all checkbox at the top and per row I added a checkbox and number textbox.
If the checkbox per row is checked then the number textbox would be enabled.
The problem is that for example, I check selectAll then the checkbox per row would be checked but the number textbox remains disabled. I checked the value of the checkbox per row and it was false even though the checkbox was checked.
I cannot remove the api.rows({search:'applied'}) code and just change the value of the checkbox per row using for or angular.forEach because for example the user filters the result using the checkbox and then the user clicked selectAll then it should only check the filtered results.
see plunker.
This was tagged duplicate but the problem is different. My problem was that I changed the prop of the checkbox per row in my datatable.
You should change the ng-model value for each data row and not the checked prop of checkbox.
Angularjs is model driven, you should always change data, it will automatically reflect on UI as per bindings.
Please check this updated plunkr
I use angularJS and ui-grid table .
I want create variable that change when user click on toggle for expand all grouping.
how to intercept when the user click on toggle for expand all grouping . thank's
Try this:
gridApi.grouping.on.groupingChanged(scope,function(col){})
Refer: http://ui-grid.info/docs/#/api/ui.grid.grouping.api:PublicApi
I am using the djFilteringSelect control to show values in a dropdown as user type a value.
The lookup and typehead is working fine. The user type a letter and the dropdown allow the user to select a value which is then displayed in the dropdown field.
If the user now decide to remove the value first selected so that the combobox is empty and leave the field, then the first value in the list is now automatically filled in.
The consequence of this is that if the user have added a value there is no way to remove the value and leave the box emtpy.
I am using required=false for both the control and the dojo attribute but it does not seem to help. There are also a few other djFilteringSelect attributes I have tried like "Autocomplete" and "trim" but it does not work
Here is the code
<xe:djFilteringSelect id="test" type="select" store="jsondata" searchAttr="data" required="false" labelType="html" invalidMessage="Not valid">
<xe:this.dojoAttributes>
<xp:dojoAttribute name="required" value="false"></xp:dojoAttribute>
</xe:this.dojoAttributes>
</xe:djFilteringSelect>
Initally the field is not required, but if the user have entered a value it is required.
My question is if there a way to prevent the djFilteringSelect control to always populate the field if I have previously added a value
I found someone who solved this in another stack overflow topic, by creating an empty entry in my data store. but I could not get this to work
Dojo: Select of empty value for FilteringSelect while required=false
I do this quite a lot. Right now I don't have a working sample to show you (since I moved to bootstrap - and have to code the selects by manually adding select2 controls) but something like this should do it...
I add an "empty" value at the top of my select - and that seems to work no matter whether I am using a combobox, djCombobox or combobox with select2 from bootstrap. My markup typically looks like:
<xp:comboBox id="inputLocationSelector" value="#{User.catchListType}" disableClientSideValidation="true">
<xp:selectItem itemLabel="(none)" itemValue=""></xp:selectItem>
<xp:selectItems>
<xp:this.value><![CDATA[${Configuration.meta.listLocationTypeOptions}]]></xp:this.value>
</xp:selectItems>
</xp:comboBox>
Then you could specify "(none)", "All" or " " for the "not-selected" value depending on your needs.
Validation is a different thing so just specifying "required=false" does not give you the "empty" value.
/John
I have a jsp page with two radio tags.
The page contains a struts2 form. When I submit the form one of two radio must be automatically checked.
Is it possible to do that?
One of the features of a radio input is that an item in a radio set once selected cannot be deselected except by another member of the set being selected (unlike a checkbox "set"). i.e. if you initialise the page with a selection you can guarantee you will have a value. Does a default value exist you can do this for? Then you can just set checked="checked" on that item.
Alternatively you'll just have to add another validation rule in JS and/or the server side.
I believe that with:
<html:radio property="foo" value="yes"/>
this radio tag will show selected (by default) if the method getFoo() of the form-bean returns the string "yes".
May be you can use that to link your form submit to your radio tags ?