Telerik Forums
UI for ASP.NET Core Forum
4 answers
249 views

I have 2 dopdowntree's with checkboxes on my page. They are basically cascading, depending on what they choose in #1 it will fill the 2nd one with specific options.

When the user clears all selections from the 1st one I want to clear out everything in the 2nd and reload its data with the default options.

All I'm doing in my code when they clear everything from #1 is this

 

var secondDDT = $("#ddt2").data("kendoDropDownTree");
secondDDT.dataSource.read();
secondDDT.value([]);

 

What happens is that it does indeed reload the data in #2, and if I open the dropdowntree, there is nothing checked in the control, so it has cleared the checked items. The issue is that the items are still showing up in the multiselect view of the control (see attached)

Additionally, the items that are still displaying in the multiselect view of the control are now 'frozen', you cannot manually delete them from the dropdowntree with the little 'x'. When you look at the html you can see how all the nodes have unselectable="on". Also you can see the select tag witht eh options in it. I tried clearing that manually in script but it made no different. What's going on here and how do I fix it?

 

<div class="k-multiselect-wrap k-floatwrap" unselectable="on">
    <ul role="listbox" unselectable="on" data-template="tagTemplate" data-bind="source: tags" class="k-reset" id="3c0fe359-03e8-467f-b301-838dd5d7cd37_tagList" data-stop="true">
        <li class="k-button " unselectable="on" role="option">
            <span unselectable="on">DummyItem1</span>
            <span title="delete" aria-label="delete" class="k-select">
                <span class="k-icon k-i-close"></span>
            </span>
        </li>
        <li class="k-button " unselectable="on" role="option">
            <span unselectable="on">DummyItem3</span>
            <span title="delete" aria-label="delete" class="k-select">
                <span class="k-icon k-i-close"></span>
            </span>
        </li>
        <li class="k-button " unselectable="on" role="option">
            <span unselectable="on">DummyItem5</span>
            <span title="delete" aria-label="delete" class="k-select">
                <span class="k-icon k-i-close"></span>
            </span>
        </li>
   </ul>
    <span unselectable="on" class="k-input k-readonly" style="display: none;"></span>
    <span unselectable="on" class="k-icon k-clear-value k-i-close k-hidden" title="clear" role="button" tabindex="-1"></span>
</div>
<select id="ddt2" multiple="multiple" name="ddt2" style="width: 100%; display: none;" data-role="dropdowntree">
    <option value="31" selected="">DummyItem1</option>
    <option value="29" selected="">DummyItem3</option>
    <option value="33" selected="">DummyItem5</option>
</select>
Aleksandar
Telerik team
 answered on 29 Jun 2020
1 answer
167 views

Currently i can't find an option for radiobuttons like the one for other editors : 

 

i.e. :     .Editor(e =>
                    {
                        e.NumericTextBox();
                    });
            });

 

What is the best way to add radiobuttons in the form since the form component doesn't seem supporting the radiobutton standard?

Aleksandar
Telerik team
 answered on 29 Jun 2020
1 answer
119 views

I am using MultiSelect Control in the EditItemTemplate for a Grid Column. The MultiSelect control was in the Partial view.

I had 2 issues here.

1. I am not able to make MultiSelect Column as Required Field. Kendo Validation is not firing when I make changes to this control, and     is working for remaining all edit controls. As the model for this field is ICollection, Required DataAnnotation is not working and when I    wrote custom validation in Model Class and use as Data Annotation, it is showing as Kendo Alert and losing the changes made to the Editor. How can I show it as Required field? (It should display like in the attachment). 

the below code is not firing for multiselect

(function ($, kendo) {
        //Extending the build in validator
        $.extend(true, kendo.ui.validator, {
            rules: {

2. Based on the value of this MultiSelect control I need to Enable/Disable one of the other control(checkbox) in Grid. How can I access the value of detect the MultiSelect value change event? 

 

Alex Hajigeorgieva
Telerik team
 answered on 26 Jun 2020
7 answers
1.2K+ views

.

<p>Columns(columns =><br>
                                                                {<br>
<br>
                                                                    columns.Bound(p => p.Type).EditorTemplateName("TypeEditor").ClientTemplate("#=     data.TypeText #");<br>
                                                                    columns.Bound(p => p.Something);<br>
                                                                    columns.Bound(p => p.Something else);<br>
                                                                    columns.Command(command =><br>
                                                                    {<br>
                                                                        command.Edit();<br>
                                                                        command.Custom("Delete").Click("delete_click");<br>
                                                                    });<br>
                                                                })</p> <p>This is my grid, there is an edit inline section to it, what I want, when the grid is in edit mode, and the type is set to a certain value, the checkboxes of the other two columns become disabled/ uneditable change the type, they become editable again, <br>
How do I do this?    </p>
Anton Mironov
Telerik team
 answered on 26 Jun 2020
1 answer
107 views

I am trying to style a numeric text box with bootstrap 4's form-control-sm.  This is the code:

@(Html.Kendo().NumericTextBox<decimal>()
                .Name("FundedAmount")
                .Format("c")
                .Min(0)
                .HtmlAttributes(new { style = "width: 100%", @class = "form-control form-control-sm"})
          )

When I've used this control without the '-sm' it works fine even if I leave off the 'form-control' class.  When I add the classes as shown above what I get is in the attached image.  Looks like one of the inputs is correctly sized and the other isn't.  Also the font size is the regular size rather than the .875em that the '-sm' gives.  I found some random things online but haven't had any luck getting it to format correctly.

 

Any ideas how to style this to match the regular bootstrap 4 'form-control-sm' sizing ?

 

 

 

Teya
Telerik team
 answered on 26 Jun 2020
1 answer
201 views

Hi All.

Kind of confused about where to go for this.  Is it possible in the current Asp.net Core product offering?  I've seen demos oriented around the other product packages, but not for Asp.net Core. 

Thanks much.

 

-K

Ivan Danchev
Telerik team
 answered on 25 Jun 2020
3 answers
183 views

I have a grid where I am trying to allow users to Update a Boolean value with a dropdown list. The grid displays correctly, and when I change the value of the dropdown list and click Update, the grid displays the correct value. All the other fields are updated to the new values and sent through to the controller correctly, but the new value set by the custom editor is still the old value.

<script>
   function GridBooleanEditor(container, options) {
    $('<input required name="' + options.field + '"/>')
        .appendTo(container)
        .kendoDropDownList({
            dataSource: {
                data: [
                    { text: "True", value: true },
                    { text: "False", value: false }
                ]
            },
            dataTextField: "text",
            dataValueField: "value",
            valuePrimitive: true
        });
    }
 
    function ClassificationSchemeEnabledTemplate(data) {
        var iconClass = data.IsVisible ? 'k-i-check' : 'k-i-close';
        return '<span class="k-icon ' + iconClass + '"></span>';
    }
</script>
 
<kendo-datasource name="schemeDataSource"
                          type="DataSourceTagHelperType.Ajax"
                          page-size="20" server-operation="true"
                          on-error="DataSourceError">
            <transport>
                <read url="@Url.ActionLink("_ReadSchemes", "ControlPanel")" type="POST" />
                <update url="@Url.Action("_UpdateScheme", "ControlPanel")" type="POST" />
            </transport>
            <schema>
                <model id="FolderID">
                    <fields>
                        <field name="FolderID" type="number"></field>
                        <field name="Name" type="string"></field>
                        <field name="Description" type="string"></field>
                        <field name="IsVisible" type="boolean"></field>
                    </fields>
                </model>
            </schema>
        </kendo-datasource>       
 
        <kendo-grid name="schemegrid" datasource-id="schemeDataSource" style="height:100%;">
            <editable mode="inline" enabled="true" />
            <sortable enabled="true" />
            <pageable button-count="5" refresh="true" page-sizes="new int[] { 5, 10, 20 }">
            </pageable>
            <columns>
                <column field="FolderID" title="Folder ID" hidden="true"></column>
                <column field="Name" title="Name"></column>
                <column field="Description" title="Description"></column>
                <column field="IsVisible" title="Enabled" editor="GridBooleanEditor" template="#=ClassificationSchemeEnabledTemplate(data)#"></column>
                <column>
                    <commands>
                        <column-command name="edit"></column-command>
                    </commands>
                </column>
            </columns>
        </kendo-grid>
Silviya Stoyanova
Telerik team
 answered on 25 Jun 2020
4 answers
418 views

I have a couple of issues with using bool fields on the new Form.
1.Why a bool field is automatically a required field? How to make it so that it can be on or off?
2. On submit bool fields are set with 'on' for true, what am I doing wrong?

 

....
item.Add()
   .Field(f => f.MakeExtensions)
   .Label(l => l.Text("Make Extensions"))
   .Editor(e =>
    {
          e.Switch().Messages(c => c.Checked("YES").Unchecked("NO"));
     });
....

 

If the field is uncheck, then validation fails, but when I check it I get the following in the form header on submit:

....
Id: 14
Secret:
MakeExtensions: on
RunningState: 0
....
Bas
Top achievements
Rank 1
Veteran
 answered on 25 Jun 2020
4 answers
162 views

Hello,
starting from this example of multiselect: 

 

https://demos.telerik.com/kendo-ui/multiselect/index 

where items values are "cabled" in code, how can I read items from a SQL data source? 

My need is to have a popup multiselect where the user can select one or more cities from a list of 
cities in a SQL Server table. 

Thank you in advance. 

Luigi

 

Ciupaz
Top achievements
Rank 2
Veteran
 answered on 25 Jun 2020
1 answer
162 views

I use IdentityServer4 to generate tokens.  Tokens have an Expiration associated with them.  I also have a grid that has an MVC handler on the secured Controller that makes a call.  I have a series of grid filter controls whose purpose is to allow the user to filter the data that shows up in the grid then a refresh button.

Now, to glue it all together, if the Token expires and the user hits refresh on the filter button which tells the grid to "read" again, I get redirected to the error page.  Instead, I want Refresh button action to have the token refreshed using the typical process and then for the request to go through.  Because your grid makes a call to the controller I don't see how authorization can intercept the request. 

Any idea how I can get the expired token refreshed on Grid.Read?

Alex Hajigeorgieva
Telerik team
 answered on 25 Jun 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?