Telerik Forums
Kendo UI for jQuery Forum
2 answers
458 views
Very surprised I couldn't find more information on this. Most grid libraries allow direct js functions for their column renders. In the case of Kendo UI it must be a string template, which is quite limiting. The problem I am currently facing is this:

// Inside my view
config: {
  a: "A",
  b: "B"
},
 
foo: function(data) {
  return this.config[data.config];
},
 
initGrid: function() {
  this.ui.grid.kendoGrid({
    columns: [{ 
      title: "Column A",
      field: "columnA",
      template: "#= this.foo(data) #"
    }]
  });
}

I have no way to access a member method in my template. This is crazy limiting. ANY of the following scenarios would be workable:

// Direct function access
template: this.foo
 
// Set scope of template execution
template: { template: "#= this.foo(data) #", scope: this }
 
// Templates always executed in scope they are defined in
template: "#= this.foo(data) #"  // Just works

The current requirement that only global methods can be called is severe (not to mention a terrible practice). Please advise on how to circumvent this limitation.
Alan
Top achievements
Rank 1
 answered on 17 May 2014
1 answer
140 views
Hi,

The documentation for the data() method of the dataSource states that it will return the service response. However, if I make this call from the dataSource on a grid, it only returns the data the grid is bound to - not all of the data that was returned from the remote service to the dataSource. How can I get the complete data returned from a remote service to a dataSource that is bound to a grid?

Thanks,
Josh
Josh
Top achievements
Rank 1
 answered on 16 May 2014
8 answers
685 views
Hello,

I have a datasource filled with data. And now I want to refresh a data-item because I know it has changed at the server. How can I do that without reloading the complete datasource?

Thanks, Jaap
Andrew
Top achievements
Rank 1
 answered on 16 May 2014
5 answers
329 views
In the scheduler demo, how are the resources mapped from "Text, Value, Color" to "ownerId"?

resources: [
            {
                field: "ownerId",
                title: "Owner",
                dataSource: [
                    { text: "Alex", value: 1, color: "#f8a398" },
                    { text: "Bob", value: 2, color: "#51a0ed" },
                    { text: "Charlie", value: 3, color: "#56ca85" }
                ]
            }
        ]
Here is what I am trying to do, I have to transform my data and I don't understand how to maps this example data source to"ownerId"?

resources: [
                {
                    field: "ownerId",
                    title: "Owner",
                    dataSource:
                    {
                        type: "json",
                        transport:
                        {
                            read: {
                                url: "/api/_Users?filter=(IsUser%20eq%201)",
                                type: "GET"
                            }
                        },
 
                        schema:
                        {
                            parse: function(response)
                            {
                                var users = [];
                                var inner = response.results;
                                for (var i = 0; i < inner.length; i++)
                                {
                                    var user = {
                                        text: inner[i].Attributes.FirstName,
                                        value: inner[i].Attributes.Id,
                                        color: "#ff0000"
                                    }
                                }
 
                                users.push(user);
 
                                return users;
                            }
                        }
                    }
                     
                }
            ]
Roderick Prince
Top achievements
Rank 1
 answered on 16 May 2014
1 answer
97 views
After upgrading to new version 2014.1.416 kendo professional breaks grid virtualization. The grids filtering grouping and sorting nolonger send data to the server.  I also upgraded jquery to 1.9.1.

Why Why Why? 


Alexander Valchev
Telerik team
 answered on 16 May 2014
7 answers
256 views
Hello

I have a two line tooltip that goes offscreen at the lower edge of a pie chart.

The padding documentation is a big obscure so i need just a bit of help with this.

Here's an image best describing my issue: http://screencast.com/t/AHrCRsJAS5H

Thanks,
Chris
Hristo Germanov
Telerik team
 answered on 16 May 2014
2 answers
549 views
Since I bought (and used) a license to develop ASP.NET/Razor solutions, people keeps asking me what is 'free' and what is to paid to Telerik, since it seems that runtime components are 'open source' and 'freely available' to customers...
I don't know what to answer, and I admint that the price I paid for the library is largely paid back for the wonderful support I got from Telerik.
Nonetheless, I would like to know the 'right' answer to give, to people that think that they can use JS components for free.
Is there anyone that can clarify the situation?
Thanks in advance, for myself, and the others! :-)
Andrea Bioli
P.S.: I see that I can even download a nuget package, called 'Telerik Kendo UI Web'... is it free, or what?
Andrea
Top achievements
Rank 1
 answered on 16 May 2014
2 answers
115 views
I am declaring buttons like this:

<span data-role="button" data-click="on_button_clicked">Button</span>

the problem is that not all button clicks result in a call to on_button_clicked.

The problem is illustrated on this fiddle.

If you alternate clicking those two buttons fast, you see that not all clicks are registered, even if the physical appearance of the buttons reflect the clicks.
100%
Top achievements
Rank 1
 answered on 16 May 2014
1 answer
156 views
Is it possible to disable certain items within a multiselect?  This way they appear, but are not selectable.

I have a scenario where certain selections in a mutli-select preclude others.    As a fall back position I  can just  filter down the raw data so certain elements just don't appear. 
Georgi Krustev
Telerik team
 answered on 16 May 2014
1 answer
280 views
Hey,

I have a grid that has a clientdetailtemplate. In that template, i use another grid, that would call the same template again untill maybe 3 levels down.
Is that possible? I get invalid client template, but thats maybe it is just not possible by design. When i add .toclienttemplate on the grid, it does not give an error, but nothing seems to happen.

<div id="dvResults" class="searchResults col-md-6 col-md-offset-3">
    <div id="resultGrid">
        @(Html.Kendo().Grid(Model.SearchDetails)
              .Name("grdSearch$Results")
              .HtmlAttributes(new { @class = "grdSearchResults" })
              .Columns(column =>
              {
                  column.Bound(x => x.Icon).Template(@<text><img src="@item.Icon" class="searchicon" /></text>).Width(16);
                  column.Bound(x => x.Name).Template(
                      @<text><a onclick="SelectEntity('@item.CustomerId','@item.PremisesId','@item.InvoiceStructureId')">@item.Name</a>
                           @if (@item.IsCustomerLevel)
                           {
                               <br /><text>@item.SearchCriteria : @item.Field</text>
                           }</text>).Title("");
              })
                                         .ClientDetailTemplateId("gridDetailTemplate")
              )
    </div>
</div>
 
<script id="gridDetailTemplate" type="text/kendo-tmpl">
 
    @(Html.Kendo().Grid<SearchDetailModel>("#=Children#")
        .Name("GrdSearchDetails_#=Id#")
        .HtmlAttributes(new { @class = "grdSearchResults" })
        .Columns(column =>
        {
            column.Bound(x => x.Icon);
        }).ClientDetailTemplateId("gridDetailTemplate")
         
    )
 
 
</script>

Daniel
Telerik team
 answered on 16 May 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
Application
Drag and Drop
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
ListBox
DropDownTree
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
+? more
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?