Questions on Kendo UI for jQuery Forum

3 answers

123 views

Does the Grid's datasource really need JSon format when I binding the property of a model?

Does the Grid's datasource really need JSon format when I binding the property of a model called student?
Can I use viewresult(list<student>)? I find all the example are return jsonresult.

Grid

answered on 22 Apr 2013

2 answers

205 views

[Solved] Kendo view title not showing in android

In android device the view title is not visible though the TitleBar is visible.
Is there any way to make the view-title visible in kendo-ui-mobile navbar in android ?

NavBar

answered on 22 Apr 2013

5 answers

467 views

[Solved] Kendo Editor inside Tabstrip (tabstrip is within a Kendo grid column)

I have been trying to do this but always end up getting a runtime JavaScript Error:

Is there a way to do this?

Here's my view:

@(Html.Kendo().Grid<Scholarship2013.Models.AwardCart>()

.Name("Essay")

.Columns(columns =>

{

columns.Template(@<text></text>).ClientTemplate("#= AwardName # ").Title("Award essay");

}

)

.ClientDetailTemplateId("essayTemplate")

.Pageable()

.DataSource(dataSource => dataSource

.Ajax()

.ServerOperation(false)

.Read(read => read.Action("Essay_Read", "Student"))

.PageSize(10)

)

<script id="essayTemplate" type="text/kendo-tmpl">

@(Html.Kendo().TabStrip()

.Name("TabStrip_" + "#=AwardID#")

.SelectedIndex(0)

.Items(items =>

{

items.Add().Text("Award Essay").Content(@<text>

@Html.Kendo().Editor().Name("Test")

</text>);

})

.ToClientTemplate()

)

</script>

JS Error:

Unhandled exception at line 9, column 7339 in http://localhost:21527/Scripts/kendo/2012.3.1315/kendo.all.min.js

0x800a139e - Microsoft JScript runtime error: Invalid template:'

<div class="k-widget k-tabstrip k-header" id="TabStrip_#=AwardID#"><ul class="k-reset k-tabstrip-items"><li class="k-item k-state-default k-state-active"><a class="k-link" href="\#TabStrip_#=AwardID#-1">Award Essay</a></li></ul><div class="k-content k-state-active" id="TabStrip_#=AwardID#-1" style="display:block">

<textarea cols="20" id="Test" name="Test" rows="5"></textarea><script>

jQuery(function(){jQuery("#Test").kendoEditor({"tools":[{"name":"bold"},{"name":"italic"},{"name":"underline"},{"name":"strikethrough"},{"name":"fontName"},{"name":"fontSize"},{"name":"foreColor"},{"name":"backColor"},{"name":"justifyLeft"},{"name":"justifyCenter"},{"name":"justifyRight"},{"name":"justifyFull"},{"name":"insertUnorderedList"},{"name":"insertOrderedList"},{"name":"outdent"},{"name":"indent"},{"name":"formatBlock"},{"name":"createLink"},{"name":"unlink"},{"name":"insertImage"}],"messages":{"backColor":"Background Color"}});});

<\/script>

</div></div><script>

jQuery(function(){jQuery("\#TabStrip_#=AwardID#").kendoTabStrip({});});

<\/script>

' Generated code:'var o,e=kendo.htmlEncode;with(data){o='\n <div class="k-widget k-tabstrip k-header" id="TabStrip_'+(AwardID)+'"><ul class="k-reset k-tabstrip-items"><li class="k-item k-state-default k-state-active"><a class="k-link" href="#TabStrip_'+(AwardID)+'-1">Award Essay</a></li></ul><div class="k-content k-state-active" id="TabStrip_'+(AwardID)+'-1" style="display:block">\n \n \n<textarea cols="20" id="Test" name="Test" rows="5"></textarea><script

>\n\tjQuery(function(){jQuery("';Test").kendoEditor({"tools":[{"name":"bold"},{"name":"italic"},{"name":"underline"},{"name":"strikethrough"},{"name":"fontName"},{"name":"fontSize"},{"name":"foreColor"},{"name":"backColor"},{"name":"justifyLeft"},{"name":"justifyCenter"},{"name":"justifyRight"},{"name":"justifyFull"},{"name":"insertUnorderedList"},{"name":"insertOrderedList"},{"name":"outdent"},{"name":"indent"},{"name":"formatBlock"},{"name":"createLink"},{"name":"unlink"},{"name":"insertImage"}],"messages":{"backColor":"Background Color"}});});

<\/script>

</div></div><script>

jQuery(function(){jQuery("#TabStrip_;o+='=AwardID';").kendoTabStrip({});});

<\/script>

;o+=;}return o;'

Thanks,
Aaron

Editor

answered on 22 Apr 2013

1 answer

94 views

[Solved] Panelbar item groupable grid

Within a panelbar item I have placed a groupable grid.

For this groupable grid placed within the panelbar item, the group mechanism is not operating. Whenever I drag the header against the group bar, it comes up with the group illegal icon.

How to let such a groupable grid be operational within such a panelbar item?

PanelBar

answered on 21 Apr 2013

7 answers

652 views

ForeignKey column does not produce dropdown list in popup editing

I have a grid, with a detail grid and some of the fields in the detail grid refer to foreign key columns.When the editimode is set to inline this produces a dropdown list from which the user can pick a value. But if I change the editmode to popup the field is displayed as a textbox with the numeric key value instead of as a drop down list. Is this by design?

Is it possible for me to extend the Html Helper?

Grid

answered on 19 Apr 2013

1 answer

125 views

Need help with dataSource.Read

Hi, I try to change data from a combobox dynamically.
I got a object containing a javascrip array (Module.Collection)
I create the combobox like:

$("#cboListe").kendoComboBox({

dataTextField: "Nom",

dataValueField: "Id",

dataSource: Module.Collection,

filter: "contains",

suggest: true,

index: 1,

});

Then when the user click on a button, I call this function:

this.AddItemColl = function () {

Item = new ObjetA();

Item.Id = this.Collection.length + 1;

Item.Nom = "Nom" + (this.Collection.length + 1);

this.Collection.push(Item);

var combobox = $("#cboListe").data("kendoComboBox");

combobox.dataSource.read();

}

The collection object grow, but the combobox do not reflec change wih the dataSource.Read();
Any idea?
Thanks a lot.

General Discussions

answered on 19 Apr 2013

7 answers

2.1K+ views

Grid change event firing issue

I notice the following 'features' after attaching a change event to a grid.
1) The change event fires even when an already selected row is clicked on.
2) The change event fires when clicking on an anchor or a button element in a grid's row.

Any work-around suggestion for the grid to not fire the change event in the above cases is appreciated.

Thank you in advance.

Grid

answered on 19 Apr 2013

3 answers

105 views

ThemeBuilder widgets not functional

Hi Guys!

It's great to see the addition of the three new widgets to the ThemeBuilder page but i noticed when trying to use the AutoComplete and MultiSelect by typing to bring up the results list it doesn't happen because there is a javascript error being thrown. I'm trying to get a look-and-feel using real life functionality of Kendo UI suite of widgets under different themes.

Could we have this full functionality of AutoComplete and MultiSelect widgets enabled in ThemeBuilder page ?

Cheers!

General Discussions

answered on 19 Apr 2013

1 answer

296 views

Menu with split button

Hello,

Is it possible to use the horizontal menu with split button instead of regular button to be touch friendly? So i can have a link for each item and a button to open the submenu. Maybe the tree view is better for this task?

I find a way to do it for the first level of the menu with the markup below but i didn't find how to do it with the sub menus

<style scoped>

#menu > .k-item.empty-split {

width: 16px;

}

#menu > .k-item.empty-split > .k-link {

padding-left: 0;

padding-right: 0;

}

</style>

<ul id="menu">

<li>Blog

</li>

<li class="empty-split">

<span class="k-link">

<span class="k-icon k-i-arrow-s"></span>

</span>

<ul>

<li>

<div id="template" style="padding: 10px;">

<h2>Around the Globe</h2>

<ol>

<li>United States</li>

<li>Europe</li>

<li>Canada</li>

<li>Australia</li>

</ol>

<img src="../../content/web/menu/map.png" alt="Stores Around the Globe" />

<button class="k-button">See full list</button>

</div>

</li>

</ul>

</li>

</ul

>



<script type="text/javascript">

        $(function () {

            $("#menu").kendoMenu({

                openOnClick: true

            });

        });

    </script>

Menu

answered on 19 Apr 2013

0 answers

43 views

How to using custom footer temple while binding field?It say Id undefined,but id is my table property

How to using custom footer temple while binding field?It say studentId undefined,but studentIdis my table property
My codes like this:

columns.Bound(p => p.studentId);
columns.Bound(p => p.Point)
ClientGroupFooterTemplate("<div>average: #=kendo.toString(getPointby(studentId),'n0')#</div><div>max: #= max #</div><div>min: #= min #</div>");

Grid

asked on 19 Apr 2013