Telerik Forums
Kendo UI for jQuery Forum
1 answer
474 views

Hello,

I'm working with a Kendo Form. My goal is to get the certain parameter to populate its respective dropdownlist in the kendo form once the user clicks the link provided.

URL Example - User will click this link and navigate to form with their respective session code and paper/abstract code populated in dropdownlist item:

https://website.com/SpeakerRegistration?sessioncode=1234&abstractcode=16143

Test Commentary:

I am able to validate that upon page load, it does get the parameters and prints to console. BUT, I am not able to get it to populate in the dropdownlist. 

The Kendo Form Code & Window.load code at the bottom:

$(document).ready(function () {
            var validationSuccess = $("#validation-success");
 
            $("#exampleform").kendoForm({
                orientation: "vertical",
                formData: {
                    Email: "john.doe@email.com"
                },
                items: [{
                    type: "group",
                    items: [
                        {
                            field: "FirstName",
                            label: "First Name",
                            editor: "TextBox",
                            validation: { required: true }
                        },
                        {
                            field: "LastName",
                            label: "Last Name",
                            editor: "TextBox",
                            validation: { required: true }
                        },
                        {
                            field: "Degrees",
                            label: "Degrees",
                            editor: "TextBox"
                        },
 
                        {
                            field: "Session_ID",
                            label: "Session ID",
                            id: "sessions",
                            editor: "DropDownList",
                            validation: { required: true },
                            editorOptions: {
                                placeholder: "Session #",
                                filter: "contains",
                                dataSource: {
                                    type: "Data",
                                    serverFiltering: true,
                                    transport: {
                                        read: {
                                            url: "@Url.Action("SessionDropdown""ConfSessions2022")",
                                            contentType: "application/json",
                                            type: "POST"
                                        }
                                    }
                                },
                                change: function (e) {
                                    var paperDrop = $("#Paper_ID").data("kendoDropDownList");
                                    paperDrop.dataSource.read();
                                },
                            }
                        },
 
                        {
                            field: "Paper_ID",
                            label: "Paper ID",
                            id: "papers",
                            editor: "DropDownList",
                            validation: { required: true },
                            editorOptions: {
                                placeholder: "Paper #",
                                filter: "contains",
                                dataSource: {
                                    type: "Data",
                                    serverFiltering: true,
                                    transport: {
                                        read: {
                                            url: "@Url.Action("PaperDropdown""ConfSessions2022")",
                                            contentType: "application/json",
 
                                            data: ReadData
 
 
 
 
                                        }
                                    }
                                }
                            }
 
                        },
                        {
                            field: "File",
                            editor: function (containeroptions) {
                                 $('<input type="file" name="' + options.field + '" id="' + options.field + '"/>')
                                    .appendTo(container)
                                    .kendoUpload({
                                        async: {
                                            chunkSize: 11000,// bytes
                                            autoUpload: false,
                                            saveUrl: "@Url.Action("Chunk_Upload_Save""ConfSessions2022")",
                                            removeUrl: "remove"
 
                                        },
                                        upload: onUpload,
                                        validation: {
                                            allowedExtensions: [".mp4"],
                                            maxFileSize: 524288000
                                        },
                                        select: onSelect
 
                                    });
                            }
                        }
 
 
                    ]
                }],
                validateField: function (e) {
                    validationSuccess.html("");
                },
                submit: function (e) {
                    e.preventDefault();
                    var upload = $("#File").data("kendoUpload");
                    upload.upload();
 
                    validationSuccess.html("<div class='k-messagebox k-messagebox-success'>Form data is valid!</div>");
                },
                clear: function (ev) {
                    validationSuccess.html("");
                }
            });
 
        });
 
        function onUpload(e) {
            e.sender.options.async.saveUrl = "@Url.Action("Chunk_Upload_Save""ConfSessions2022")" + "?FirstName=" + document.getElementById("FirstName").value + "&LastName=" + document.getElementById("LastName").value + "&SessionID=" + document.getElementById("Session_ID").value + "&PaperID=" + document.getElementById("Paper_ID").value;
        }
 
 
 
        function ReadData() {
            var dropdownVal = document.getElementById("Session_ID").value;
 
            return {
                sessionDrop: dropdownVal
            };
        };
 
        function onSelect(e) {
            $("div.k-action-buttons").hide();
        }
 
 
 
        window.onload = function() {
            try {
                const input = document.getElementsByName('Session_ID');
                const inputTwo = document.getElementsByName('Paper_ID');
                var url_string = (window.location.search).toLowerCase(); //
                var url = new URLSearchParams(url_string);
                var session = url.get('sessioncode');
                var paper = url.get('abstractcode');
                var inputThree = document.getElementsByClassName('k-input-value-text');
                input.value = session;  // fill the form with the SessionID
                inputTwo.value = paper;
                console.log(session+ " and "+paper);
                
            } catch (err) {
                console.log("Issues with Parsing URL Parameter's - " + err);
            }
        }

 

Thank you, look forward to receiving your help.

Lee

 

Neli
Telerik team
 answered on 07 Apr 2022
0 answers
554 views

Hi,

I am looking for a way to change the font size & font family after the spreadsheet is loaded.

I know that this can be done when we loop through all the cells and set it individually, i am looking for a more elegant way to do in a sheet/control level. Is it possible?

I saw the defaultCellStyle attribute but i am not able to get it working even changing the values.

TIA

Regards,

Brian

Brian
Top achievements
Rank 1
Iron
 asked on 07 Apr 2022
1 answer
137 views
Is it possible to select all the days of the month by clicking the day name column header?  For example, I want all Mondays to be selected when I click MO in the calendar.  (This is similar to how we can select all the days of a week when the user clicks on the week number.)  I don't see this as being clickable in any of the demos, but am wondering if it can be exposed somehow.
Georgi Denchev
Telerik team
 answered on 06 Apr 2022
17 answers
1.6K+ views
I am using the the examples on this page (http://demos.telerik.com/kendo-ui/pdf-export/index) to export my view to pdf.  I noticed that the image did not export with the pdf also the  fields are over lapping after export.  Is there a property or style attribute I need to use to fix this?


Garun
Top achievements
Rank 1
Iron
 answered on 06 Apr 2022
0 answers
121 views

I have followed this guide on how to add checkboxes to the Kendo Grid and have it persist the checkbox states. I also have a Reload button that calls $("#grid").data("kendoGrid").dataSource.read(); when clicked.

The data reloads properly but the checked checkboxes from the previous grid is still retained. How do I have set it so that the checkboxes for the grid will all be unchecked upon clicking the Reload button defined above?

A possible solution I've found is to set all checkboxes to unchecked before calling .read() function. But I have about 8000 records in the grid so running this code will take more than thirty seconds. I've found this function grid.clearSelection(); but it only clears the current page's checkboxes and leaves the subsequent pages checked.

So my question is, is there a fast way have the grid not retain the previous selected checkboxes when the Reload button is clicked?

 

Update:

I've found the following guide on how to clear selections across all pages. I've tested and the performance is fast. Thank you for your interest in viewing this post.

var grid = $("#grid").data("kendoGrid");
grid._selectedIds = {};
grid.clearSelection();

Philip
Top achievements
Rank 1
Veteran
Iron
 updated question on 05 Apr 2022
1 answer
114 views

Hi There,

How to load event list above the timeline..

Georgi Denchev
Telerik team
 answered on 05 Apr 2022
1 answer
156 views

Loading data's based on lazy loading method.

Ex; Initially I want to load only 5 data's from API, then once I click next button (arrow) in timeline and again need to trigger API with another 5 records to load.

Georgi Denchev
Telerik team
 answered on 05 Apr 2022
1 answer
151 views

In my app, I need to get current page index when scroll the page, but there's no api details on the site.

Thanks for your reply.

Martin
Telerik team
 answered on 04 Apr 2022
1 answer
337 views

I know in the Grid component, there is a visible property that can be set on the columns.command.  That works well for conditionally showing a command.

I'm not seeing that in the TreeList.  How can I conditionally show a command in a TreeList based on the row data?

 

Georgi Denchev
Telerik team
 answered on 04 Apr 2022
0 answers
1.1K+ views

Hello,

I am pretty new to Kendo and am looking for some help.  Getting an invalid template error when data has #. Not sure which cshtml or cs file that I need to update to fix this. Any help is appreciated.  

kendo.all.js:238 Uncaught Error: Invalid template:'

    <div class="k-widget k-grid" id="grid_#=AggregateID#"><div class="k-header k-grid-toolbar k-grid-top"><a class="k-button k-button-icontext k-grid-add" href="/Settings/GetItemAggregateList2?aggregateId=%23%3DAggregateID%23&companyId=1&grid_%23%3DAggregateID%23-mode=insert"><span class="k-icon k-i-add"></span>Add New Record</a></div><div class="k-grid-header"><div class="k-grid-header-wrap"><table><colgroup><col style="width:150px" /><col style="width:300px" /><col /></colgroup><thead class="k-grid-header"><tr><th class="k-header" data-index="0" id="1e37206d-9413-4245-8db3-97f8bc0e21a4" scope="col"><span class="k-link"> </span></th><th class="k-header" data-field="ItemAggregateID" data-index="1" data-title="Item Aggregate ID" id="#=kendo.guid()#" scope="col" style="display:none"><a class="k-link" href="/Settings/GetItemAggregateList2?aggregateId=%23%3DAggregateID%23&companyId=1&grid_%23%3DAggregateID%23-sort=ItemAggregateID-asc">Item Aggregate ID</a></th><th class="k-header" data-field="AggregateID" data-index="2" data-title="Aggregate ID" id="#=kendo.guid()#" scope="col" style="display:none"><a class="k-link" href="/Settings/GetItemAggregateList2?aggregateId=%23%3DAggregateID%23&companyId=1&grid_%23%3DAggregateID%23-sort=AggregateID-asc">Aggregate ID</a></th><th class="k-header" data-field="AggregateOptionID" data-index="3" data-title="Option Name" id="#=kendo.guid()#" scope="col"><a class="k-link" href="/Settings/GetItemAggregateList2?aggregateId=%23%3DAggregateID%23&companyId=1&grid_%23%3DAggregateID%23-sort=AggregateOptionID-asc">Option Name</a></th><th class="k-header" data-field="ItemID" data-index="4" data-title="Source" id="#=kendo.guid()#" scope="col"><a class="k-link" href="/Settings/GetItemAggregateList2?aggregateId=%23%3DAggregateID%23&companyId=1&grid_%23%3DAggregateID%23-sort=ItemID-asc">Source</a></th></tr></thead></table></div></div><div class="k-grid-content k-auto-scrollable" style="height:200px"><table><colgroup><col style="width:150px" /><col style="width:300px" /><col /></colgroup><tbody><tr class="k-no-data"><td colspan="3"></td></tr></tbody></table></div></div><script>
	kendo.syncReady(function(){jQuery("\#grid_#=AggregateID#").kendoGrid({"save":OptionMembershipSave,"columns":[{"width":"150px","command":[{"name":"edit","buttonType":"ImageAndText","text":{"cancel":" ","update":" ","edit":" "}},{"name":"destroy","buttonType":"ImageAndText","text":" "}]},{"title":"Item Aggregate ID","headerAttributes":{"data-field":"ItemAggregateID","data-title":"Item Aggregate ID","id":"#=kendo.guid()#"},"hidden":true,"field":"ItemAggregateID","encoded":true,"editor":"\u003cinput class=\"text-box single-line\" data-val=\"true\" data-val-number=\"The field ItemAggregateID must be a number.\" data-val-required=\"The ItemAggregateID field is required.\" id=\"ItemAggregateID\" name=\"ItemAggregateID\" type=\"number\" value=\"0\" /\u003e\u003cspan class=\"field-validation-valid\" data-valmsg-for=\"ItemAggregateID\" data-valmsg-replace=\"true\"\u003e\u003c/span\u003e"},{"title":"Aggregate ID","headerAttributes":{"data-field":"AggregateID","data-title":"Aggregate ID","id":"#=kendo.guid()#"},"hidden":true,"field":"AggregateID","encoded":true,"editor":"\u003cinput data-val=\"true\" data-val-number=\"The field AggregateID must be a number.\" data-val-required=\"Please select aggregate name\" id=\"AggregateID\" name=\"AggregateID\" value=\"0\" /\u003e\u003cscript\u003e\tkendo.syncReady(function(){jQuery(\"\\#AggregateID\").kendoTextBox({\"value\":\"0\"});});\u003c\\/script\u003e\u003cspan class=\"field-validation-valid\" data-valmsg-for=\"AggregateID\" data-valmsg-replace=\"true\"\u003e\u003c/span\u003e"},{"title":"Option Name","headerAttributes":{"data-field":"AggregateOptionID","data-title":"Option Name","id":"#=kendo.guid()#"},"width":"300px","field":"AggregateOptionID","encoded":true,"editor":"\u003cinput data-val=\"true\" data-val-number=\"The field AggregateOptionID must be a number.\" data-val-required=\"Please select option name\" id=\"AggregateOptionID\" name=\"AggregateOptionID\" type=\"text\" value=\"0\" /\u003e\u003cscript\u003e\tkendo.syncReady(function(){jQuery(\"\\#AggregateOptionID\").kendoDropDownList({\"dataSource\":[{\"Text\":\"Product Offering: International\",\"Value\":\"1029\"},{\"Text\":\"Product Offering: Premium Model\",\"Value\":\"1030\"},{\"Text\":\"Product Offering: Standard Model\",\"Value\":\"1031\"},{\"Text\":\"Region: Americas\",\"Value\":\"1026\"},{\"Text\":\"Region: Asia/Pacific\",\"Value\":\"1027\"},{\"Text\":\"Region: Europe\",\"Value\":\"1028\"}],\"dataTextField\":\"Text\",\"dataValueField\":\"Value\"});});\u003c\\/script\u003e\u003cspan class=\"field-validation-valid\" data-valmsg-for=\"AggregateOptionID\" data-valmsg-replace=\"true\"\u003e\u003c/span\u003e","values":[{"text":"Product Offering: International","value":"1029"},{"text":"Product Offering: Premium Model","value":"1030"},{"text":"Product Offering: Standard Model","value":"1031"},{"text":"Region: Americas","value":"1026"},{"text":"Region: Asia/Pacific","value":"1027"},{"text":"Region: Europe","value":"1028"}]},{"title":"Source","headerAttributes":{"data-field":"ItemID","data-title":"Source","id":"#=kendo.guid()#"},"field":"ItemID","encoded":true,"editor":"\u003cinput data-val=\"true\" data-val-number=\"The field ItemID must be a number.\" data-val-required=\"Please select Subfamily\" id=\"ItemID\" name=\"ItemID\" type=\"text\" value=\"0\" /\u003e\u003cscript\u003e\tkendo.syncReady(function(){jQuery(\"\\#ItemID\").kendoDropDownList({\"dataSource\":[{\"Text\":\"Receivers / AM/FM Radio / Asia B Mod\",\"Value\":\"1041\"},{\"Text\":\"Receivers / AM/FM Radio / Asia Radios\",\"Value\":\"1002\"},{\"Text\":\"Receivers / AM/FM Radio / Specials\",\"Value\":\"1009\"},{\"Text\":\"Receivers / AM/FM Radio / US Compact\",\"Value\":\"1015\"},{\"Text\":\"Receivers / AM/FM Radio / US Radios\",\"Value\":\"1019\"},{\"Text\":\"Receivers / Cellular / Asia Radios\",\"Value\":\"1042\"},{\"Text\":\"Receivers / Industrial / R\\u0026D\",\"Value\":\"1006\"},{\"Text\":\"Receivers / Industrial / Specials\",\"Value\":\"1010\"},{\"Text\":\"Receivers / Industrial / Standards\",\"Value\":\"1011\"},{\"Text\":\"Receivers / Medical / Medical\",\"Value\":\"1005\"},{\"Text\":\"Two Way / Cellular / Europe C Mod\",\"Value\":\"1003\"},{\"Text\":\"Two Way / Cellular / R\\u0026D\",\"Value\":\"1007\"},{\"Text\":\"Two Way / Cellular / US A Mod\",\"Value\":\"1012\"},{\"Text\":\"Two Way / Cellular / US B Mod\",\"Value\":\"1013\"},{\"Text\":\"Two Way / Cellular / US C Mod\",\"Value\":\"1014\"},{\"Text\":\"Two Way / Industrial / Asia C Mod\",\"Value\":\"1001\"},{\"Text\":\"Two Way / LMR / Europe P Mod\",\"Value\":\"1004\"},{\"Text\":\"Two Way / LMR / R\\u0026D\",\"Value\":\"1008\"},{\"Text\":\"Two Way / LMR / US M Mod\",\"Value\":\"1016\"},{\"Text\":\"Two Way / LMR / US N Mod\",\"Value\":\"1017\"},{\"Text\":\"Two Way / LMR / US Other\",\"Value\":\"1018\"},{\"Text\":\"Two Way / Test# / Test #9\",\"Value\":\"398896\"}],\"dataTextField\":\"Text\",\"dataValueField\":\"Value\"});});\u003c\\/script\u003e\u003cspan class=\"field-validation-valid\" data-valmsg-for=\"ItemID\" data-valmsg-replace=\"true\"\u003e\u003c/span\u003e","values":[{"text":"Receivers / AM/FM Radio / Asia B Mod","value":"1041"},{"text":"Receivers / AM/FM Radio / Asia Radios","value":"1002"},{"text":"Receivers / AM/FM Radio / Specials","value":"1009"},{"text":"Receivers / AM/FM Radio / US Compact","value":"1015"},{"text":"Receivers / AM/FM Radio / US Radios","value":"1019"},{"text":"Receivers / Cellular / Asia Radios","value":"1042"},{"text":"Receivers / Industrial / R\u0026D","value":"1006"},{"text":"Receivers / Industrial / Specials","value":"1010"},{"text":"Receivers / Industrial / Standards","value":"1011"},{"text":"Receivers / Medical / Medical","value":"1005"},{"text":"Two Way / Cellular / Europe C Mod","value":"1003"},{"text":"Two Way / Cellular / R\u0026D","value":"1007"},{"text":"Two Way / Cellular / US A Mod","value":"1012"},{"text":"Two Way / Cellular / US B Mod","value":"1013"},{"text":"Two Way / Cellular / US C Mod","value":"1014"},{"text":"Two Way / Industrial / Asia C Mod","value":"1001"},{"text":"Two Way / LMR / Europe P Mod","value":"1004"},{"text":"Two Way / LMR / R\u0026D","value":"1008"},{"text":"Two Way / LMR / US M Mod","value":"1016"},{"text":"Two Way / LMR / US N Mod","value":"1017"},{"text":"Two Way / LMR / US Other","value":"1018"},{"text":"Two Way / Test# / Test #9","value":"398896"}]}],"sortable":true,"resizable":true,"scrollable":{"height":"200px"},"editable":{"confirmation":"Are you sure you want to delete this record?","confirmDelete":"Delete","cancelDelete":"Cancel","mode":"inline","create":true,"update":true,"destroy":true},"toolbar":{"command":[{"name":null,"buttonType":"ImageAndText","text":"Add New Record"}]},"noRecords":true,"messages":{"noRecords":"No assignments to display"},"dataSource":{"type":(function(){if(kendo.data.transports['aspnetmvc-ajax']){return 'aspnetmvc-ajax';} else{throw new Error('The kendo.aspnetmvc.min.js script is not included.');}})(),"transport":{"read":{"url":"/Settings/GetItemAggregateList2?aggregateId=#=AggregateID#\u0026companyId=1"},"prefix":"","update":{"url":"/Settings/UpdateOptionAssignment?aggregateId=%3D#AggregateID#\u0026companyId=1"},"create":{"url":"/Settings/CreateOptionAssignment?aggregateId=#=AggregateID#\u0026companyId=1"},"destroy":{"url":"/Settings/DeleteOptionAssignment?aggregateId=%3D#AggregateID#\u0026companyId=1"}},"error":onError,"sync":sync_handler,"schema":{"data":"Data","total":"Total","errors":"Errors","model":{"id":"ItemAggregateID","fields":{"ItemAggregateID":{"type":"number"},"ItemID":{"type":"number"},"AggregateOptionID":{"type":"number"},"AggregateID":{"type":"number"},"CompanyID":{"type":"number"},"ItemCompanyID":{"type":"number","defaultValue":null},"IsConsolidation":{"type":"boolean"},"CreatedDt":{"type":"date","defaultValue":null},"ModifiedDt":{"type":"date","defaultValue":null},"CreatedID":{"type":"string"},"ModifiedID":{"type":"string"}}}}}});});
<\/script>

' Generated code:'var $kendoOutput, $kendoHtmlEncode = kendo.htmlEncode;with(data){$kendoOutput='\n\n    <div class="k-widget k-grid" id="grid_'+(AggregateID)+'"><div class="k-header k-grid-toolbar k-grid-top"><a class="k-button k-button-icontext k-grid-add" href="/Settings/GetItemAggregateList2?aggregateId=%23%3DAggregateID%23&companyId=1&grid_%23%3DAggregateID%23-mode=insert"><span class="k-icon k-i-add"></span>Add New Record</a></div><div class="k-grid-header"><div class="k-grid-header-wrap"><table><colgroup><col style="width:150px" /><col style="width:300px" /><col /></colgroup><thead class="k-grid-header"><tr><th class="k-header" data-index="0" id="1e37206d-9413-4245-8db3-97f8bc0e21a4" scope="col"><span class="k-link"> </span></th><th class="k-header" data-field="ItemAggregateID" data-index="1" data-title="Item Aggregate ID" id="'+(kendo.guid())+'" scope="col" style="display:none"><a class="k-link" href="/Settings/GetItemAggregateList2?aggregateId=%23%3DAggregateID%23&companyId=1&grid_%23%3DAggregateID%23-sort=ItemAggregateID-asc">Item Aggregate ID</a></th><th class="k-header" data-field="AggregateID" data-index="2" data-title="Aggregate ID" id="'+(kendo.guid())+'" scope="col" style="display:none"><a class="k-link" href="/Settings/GetItemAggregateList2?aggregateId=%23%3DAggregateID%23&companyId=1&grid_%23%3DAggregateID%23-sort=AggregateID-asc">Aggregate ID</a></th><th class="k-header" data-field="AggregateOptionID" data-index="3" data-title="Option Name" id="'+(kendo.guid())+'" scope="col"><a class="k-link" href="/Settings/GetItemAggregateList2?aggregateId=%23%3DAggregateID%23&companyId=1&grid_%23%3DAggregateID%23-sort=AggregateOptionID-asc">Option Name</a></th><th class="k-header" data-field="ItemID" data-index="4" data-title="Source" id="'+(kendo.guid())+'" scope="col"><a class="k-link" href="/Settings/GetItemAggregateList2?aggregateId=%23%3DAggregateID%23&companyId=1&grid_%23%3DAggregateID%23-sort=ItemID-asc">Source</a></th></tr></thead></table></div></div><div class="k-grid-content k-auto-scrollable" style="height:200px"><table><colgroup><col style="width:150px" /><col style="width:300px" /><col /></colgroup><tbody><tr class="k-no-data"><td colspan="3"></td></tr></tbody></table></div></div><script>\n\tkendo.syncReady(function(){jQuery("#grid_'+(AggregateID)+'").kendoGrid({"save":OptionMembershipSave,"columns":[{"width":"150px","command":[{"name":"edit","buttonType":"ImageAndText","text":{"cancel":" ","update":" ","edit":" "}},{"name":"destroy","buttonType":"ImageAndText","text":" "}]},{"title":"Item Aggregate ID","headerAttributes":{"data-field":"ItemAggregateID","data-title":"Item Aggregate ID","id":"'+(kendo.guid())+'"},"hidden":true,"field":"ItemAggregateID","encoded":true,"editor":"\u003cinput class=\\\"text-box single-line\\\" data-val=\\\"true\\\" data-val-number=\\\"The field ItemAggregateID must be a number.\\\" data-val-required=\\\"The ItemAggregateID field is required.\\\" id=\\\"ItemAggregateID\\\" name=\\\"ItemAggregateID\\\" type=\\\"number\\\" value=\\\"0\\\" /\u003e\u003cspan class=\\\"field-validation-valid\\\" data-valmsg-for=\\\"ItemAggregateID\\\" data-valmsg-replace=\\\"true\\\"\u003e\u003c/span\u003e"},{"title":"Aggregate ID","headerAttributes":{"data-field":"AggregateID","data-title":"Aggregate ID","id":"'+(kendo.guid())+'"},"hidden":true,"field":"AggregateID","encoded":true,"editor":"\u003cinput data-val=\\\"true\\\" data-val-number=\\\"The field AggregateID must be a number.\\\" data-val-required=\\\"Please select aggregate name\\\" id=\\\"AggregateID\\\" name=\\\"AggregateID\\\" value=\\\"0\\\" /\u003e\u003cscript\u003e\tkendo.syncReady(function(){jQuery(\\\"\#AggregateID\\\").kendoTextBox({\\\"value\\\":\\\"0\\\"});});\u003c\\/script\u003e\u003cspan class=\\\"field-validation-valid\\\" data-valmsg-for=\\\"AggregateID\\\" data-valmsg-replace=\\\"true\\\"\u003e\u003c/span\u003e"},{"title":"Option Name","headerAttributes":{"data-field":"AggregateOptionID","data-title":"Option Name","id":"'+(kendo.guid())+'"},"width":"300px","field":"AggregateOptionID","encoded":true,"editor":"\u003cinput data-val=\\\"true\\\" data-val-number=\\\"The field AggregateOptionID must be a number.\\\" data-val-required=\\\"Please select option name\\\" id=\\\"AggregateOptionID\\\" name=\\\"AggregateOptionID\\\" type=\\\"text\\\" value=\\\"0\\\" /\u003e\u003cscript\u003e\tkendo.syncReady(function(){jQuery(\\\"\#AggregateOptionID\\\").kendoDropDownList({\\\"dataSource\\\":[{\\\"Text\\\":\\\"Product Offering: International\\\",\\\"Value\\\":\\\"1029\\\"},{\\\"Text\\\":\\\"Product Offering: Premium Model\\\",\\\"Value\\\":\\\"1030\\\"},{\\\"Text\\\":\\\"Product Offering: Standard Model\\\",\\\"Value\\\":\\\"1031\\\"},{\\\"Text\\\":\\\"Region: Americas\\\",\\\"Value\\\":\\\"1026\\\"},{\\\"Text\\\":\\\"Region: Asia/Pacific\\\",\\\"Value\\\":\\\"1027\\\"},{\\\"Text\\\":\\\"Region: Europe\\\",\\\"Value\\\":\\\"1028\\\"}],\\\"dataTextField\\\":\\\"Text\\\",\\\"dataValueField\\\":\\\"Value\\\"});});\u003c\\/    at Object.compile (kendo.all.js:238:31)
    at Object.i [as template] (jquery.min.js:2:88757)
    at <anonymous>:2:1332
    at Object.n [as syncReady] (kendo.aspnetmvc.js:900:42)
    at <anonymous>:2:8
    at b (jquery.min.js:2:866)
    at He (jquery.min.js:2:48373)
    at S.fn.init.append (jquery.min.js:2:49724)
    at S.fn.init.<anonymous> (jquery.min.js:2:50816)
    at $ (jquery.min.js:2:32425)

Anh
Top achievements
Rank 1
 updated question on 01 Apr 2022
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Dialog
Chat
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
+? more
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?