Telerik Forums
Kendo UI for jQuery Forum
3 answers
2.3K+ views
Hi,
I am using a combination of Kendo in Razor with WebApi. I have a dropdown which fetches data from a function which is also used to populate a grid. The issue is that the JSON returned by that function has the list in another JSON object which the DropDownList is not able to understand. So the basic question is how to bind a DropDownList() to a remote data which has a list in another object.
Here is my dropdown

@(Html.Kendo().DropDownListFor(m => m.MyData)
                                .DataTextField("Name")
                                .DataValueField("Id") 
                                .DataSource(source =>
                                {
                                        source.Read(read =>
                                        {
                                            read.Url("../api/sample/").Type(HttpVerbs.Get);
                                        })
                                        .ServerFiltering(true); 
                                })
                                .SelectedIndex(0)
                    )

and the data returned is as following 

{"Data":[
{"Id":4,"Name":"alpha"},
{"Id":5,"Name":"beta"}
],
"Total":6,
"AggregateResults":null,
"Errors":null}

Thanks
Daniel
Telerik team
 answered on 24 Mar 2014
1 answer
326 views
We have grid with row set to inline edit. The row has input type of textbox, dropdown and combobox for different columns. There is save button outside the grid, which is enabled if user edited any row content (uses row dirty property to know if row is edited or not). On click save, grid rows get saved.

The expected behavior we want is to open the row in inline-edit mode if user selects the row. However, since on opening the row in inline edit mode, the row dirty is getting set to true even if values of textbox or dropdown or combobox was not changed. As a result, save button is getting enabled.

Is there a way to set dirty to true only if the value is changed in any one of the input?
Vladimir Iliev
Telerik team
 answered on 24 Mar 2014
3 answers
1.6K+ views
Hello all,

Scenario:
My web app consists of a Kendo grid bound to Kendo datasource with around 3000 rows. I am pushing updates from the server and updating the datasource, sometimes at the rate of 10 updates/second.

Problem:
Pushing data into the datasource and the resultant grid refresh is taking too much time (pushing data into datasource: 30ms and rendering: 300 ms), much slower than the speed with which updates are being delivered. This makes the UI unresponsive.

Ask:
I have already considered paging, but I want to avoid it. One of the things I want to do is limit grid refreshes to once every 500 ms, as updating the grids any faster will not be of perceptible advantage to the users. So, is there a way to have a datasource-connected grid refresh only at specific times instead of with every update?

If I tweak the refresh() function for Grid class in kendo.web.js, and setTimeout() for 500 ms, then this seems to work, but is that a good way to achieve this "delayed" refresh, or can there be a better and more elegant way of achieving this?
Code follows:

        /**
         * Reloads the data and repaints the grid.
         * @example
         * // get a reference to the grid widget
         * var grid = $("#grid").data("kendoGrid");
         * // refreshes the grid
         * grid.refresh();
         */
        refreshRequestScheduled: false,
        refresh: function(e) {
       
        //if there are requests, return as next refresh will take care of this update
        if (this.refreshRequestScheduled) {
return;
        } else {
        //if there are no more requests, schedule one
        this.refreshRequestScheduled = true;
         var that = this;
        setTimeout(function(e) {

                        ... //original refresh() code

        that.refreshRequestScheduled = false;
        }, 500); //should be triggered in this much time
        }
       }
   });


Thanks,
Siddhartha
Atanas Korchev
Telerik team
 answered on 24 Mar 2014
1 answer
82 views
Hello,
when I use grid frozen columns have a problem, if I set the grid editable is and add one columns for command, the frozen columns will can't work perfect, the line can't aligning if have scrollbar, any way can fixed this problem?
Nikolay Rusev
Telerik team
 answered on 24 Mar 2014
15 answers
2.9K+ views
Hi.
You have AutoComplete and NumericTextBox but no simple Input, why?
It'd usefull to have textbox control with same styling as other controls.
Also I'd expect from it to have some vilidation capabilities (max length, mandatory, regexp pattern).

Robert
Top achievements
Rank 1
 answered on 24 Mar 2014
6 answers
533 views
Does Kendo have any functionality available for the following:

1) creating a TreeGrid?  That is the combination of tree functionality and grid.  Not looking for nested grid functionality.  But a tree that contains rows of same information.Similar to: http://www.jeasyui.com/tutorial/tree/treegrid1.php 

2) Tooltips on Tree nodes

3) Three state Tree checkboxes, such that if only part of the child nodes are checked the parent is in a grey 3rd state (partial checked).

Thanks
Sebastian
Telerik team
 answered on 24 Mar 2014
1 answer
98 views
A search for "v2013.3.1513" in the v2014.1.321 release (03926telerik.kendoui.complete.2014.1.321.commercial) returns the files listed below.
The same search in the v2014.1.318 returns nothing.

\03926telerik.kendoui.complete.2014.1.321.commercial\styles\kendo.mobile.android4.min.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.uniform.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.uniform.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.silver.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.silver.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.rtl.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.moonlight.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.moonlight.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.wp8.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.wp8.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.meego.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.meego.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.ios.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.ios.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.icenium.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.icenium.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.flat.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.flat.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.common.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.common.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.blackberry.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.blackberry.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.android4.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.android4.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.all.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.all.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.metroblack.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.metroblack.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.metro.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.metro.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.highcontrast.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.highcontrast.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.flat.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.flat.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.default.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.default.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.uniform.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.silver.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.moonlight.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.metroblack.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.metro.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.highcontrast.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.flat.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.default.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.bootstrap.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.blueopal.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.black.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.common-bootstrap.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.common-bootstrap.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.common.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.common.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.bootstrap.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.bootstrap.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.blueopal.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.blueopal.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.black.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.black.css
Sebastian
Telerik team
 answered on 24 Mar 2014
5 answers
476 views
I have a master/details pair of lists handled by simple listviews.  Clicking the master opens/loads the detail view.  It works, but after a short amount of time going back and forth, the performance gets slower and slower until it is just unusable.  I am using version 2012.3.1315.  It's noticeable in a desktop browser as I test, but gets bad fast with the iPhone.  When I watch task manager when testing with a desktop browser I see memory climb on the Chrome instance I'm running as I go back and forth.  I also notice when I go to the details page it initially displays data from the prior view before refreshing with the current data read into the data source.  When I load the master list, I reload from the data source as the data is very fluid, when I go to the details page, it loads from the data source also.  Could there be a Kendo memory leak? Could this problem be that I currently have all the views/data sources in one Index page?  Is there some Kendo cache I need to turn off? Is there some other way I need to do this to keep performance up?  Thanks.


<div id="reportPackageCountView" data-role="view" data-title="Package Count" data-show="mobileReportPackageDataBind">
   <ul data-role="listview" data-style="inset">
     <ul id="reportPackageList"></ul>
   </ul>
</div>
<div id="listPackageCompanyView" data-role="view" data-title="Package Companies" data-show="mobileCompanyPackageDataBindReport">
   <div id="divPackageCompany"></div>
   <ul data-role="listview" data-style="inset">
     <ul id="listPackageCompanies"></ul>
   </ul>
</div> 

function mobileReportPackageDataBind(e) {
   dsPackageData.read(); 
   $("#reportPackageList").kendoMobileListView({
     dataSource: dsPackageData,
     autoBind: false,
     template: kendo.template($('#reportPackageCountTemplate').html())
   });


function mobileCompanyPackageDataBindReport(e) {
   packageId = e.view.params.id;
   editPackageData = dsPackageData.get(packageId);

   dsCompanyPackageReport.read();

   $("#divPackageCompany").html("<h3>Pkg: " + editPackageData.PackageID + ", " + editPackageData.Description + "</h3>");
   $("#listPackageCompanies").kendoMobileListView({
     dataSource: dsCompanyPackageReport,
     autoBind: false,
     template: kendo.template($("#packageCompanyListTemplate").html())
   });
}




Petyo
Telerik team
 answered on 24 Mar 2014
1 answer
183 views
I'm using the trial version and have been able to create a grid in jQuery. However, when I try to use Html.Kendo in an MVC view, I'm missing an assembly refererence. Do I have access to this with the trial version? How do I get the assembly?

Thanks.

I'm trying this:

@(Html.Kendo().Grid(Model) // Bind the grid to the Model property of the view
      .Name("Grid")
      .Columns(columns =>

      ...
Sebastian
Telerik team
 answered on 24 Mar 2014
1 answer
236 views
Hi,

Is it possible to have a different column order in the column menu compared to the order the columns are displayed in the grid ?

I have a grid with about 50 columns, most of which are hidden by default.
When opening the column menu, it is hard to find the column the user is trying to find. Would it be possible to have them listed in an alphabetic order by default, or some way to specify a different order, without changing the order in which they are shown in the grid when made visible ?

Thanks!
Nikolay Rusev
Telerik team
 answered on 24 Mar 2014
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
Drag and Drop
Application
Map
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
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
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
SmartPasteButton
PromptBox
SegmentedControl
LLM Kit
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?