Questions on Kendo UI for jQuery Forum

0 answers

192 views

Ajax bound drop down using parameter

Here is my dropdown:

@(Html.Kendo().DropDownList()

.Name(ViewData.TemplateInfo.GetFullHtmlFieldName(string.Empty))

.DataValueField("TaxImpsnId")

.DataTextField("TaxImpsnName")

.DataSource(source =>

{

source.Read(read =>

{

read.Action("_AjaxMethod", "MyController", new { lookupId= 1 });

}).ServerFiltering(true);

})

)

My dropdown is actually a column in a Kendo grid. Instead of hard coding the lookupId =1 that is passed into the Ajax method in the controller, I want to take it from another field on the grid of the currently selected row.

So when the user changes the row of the grid, the drop down should reload passing in the lookupId of the currently selected grid row to the controller.

Thanks for the help.

DropDownList

asked on 20 Sep 2012

2 answers

278 views

No data in grid when calling MVC controller via dataSource

I've attached a test project and the grid/dataSource is hitting my MVC controller but not data is returned or showing in the grid. Can someone please help me understand the problem? See attached.

General Discussions

answered on 20 Sep 2012

5 answers

104 views

Interesting but Most of your example do not work on IE 9 or other IE? so?

Hi
I have a project that could use your Kendo UI.
Your examples, on Crome everything work as it should.
On IE - nothing work at all. If I purchase this UI - the IE issues are expected or what?

I want my page to work on mobile and web as well.

Is something wrong with My IE or Kendo not fully support IE?

Best,

General Discussions

answered on 20 Sep 2012

4 answers

503 views

autocomplete index on change event.

Hello,

I'm working with an autocomplete control with a datasource colection of objects with a "name" and "code" propertie. I'm displaying the name in the autocomplete.

I'm wondering how to get the Index of the item that i'm showing in the input in the change event to get the dataitem of that element without accessing to the datasource. Must be the change event, beacuse the select event is not what i need... because is fiered only when you select the element in the list and not when you type in the input.

Thanks a lot.
Guillermo Polit

AutoComplete

answered on 20 Sep 2012

1 answer

157 views

MVC Wrapper Grid ButtonType

Hi,
trying to port an Telerik MVC Grid.
But there is no option to change the button type.

.Columns(cols =>

{

....

cols.Command(commands =>

{

commands.Edit().ButtonType(GridButtonType.Image);

commands.Delete().ButtonType(GridButtonType.Image);

})

.ToolBar(tb =>

{

tb.Insert().ButtonType(GridButtonType.Image);

})

Please tell me how to do this...

Grid

answered on 20 Sep 2012

2 answers

168 views

multi column header

Hi,
how can i do multi column header like:
asp net ajax multi colum demo

Grid

answered on 20 Sep 2012

2 answers

495 views

Changing ButtonType for Grid Commands

Good morning everyone,

I am currently using the licensed version of Kendo UI Complete for ASP.NET MVC (Q2 2012) and trying to figure out how to change the ButtonType for the Grid Commands.

Before this, I was using the licensed version of Telerik Extensions for ASP.NET MVC. Below is the code I had for it:

@{Html.Telerik().Grid(Model)

.Name("grdAllUsers")

.DataKeys(keys => keys.Add(k =>

k.Id)

)

.Columns(columns =>

{

columns.Bound(o => o.FirstName)

.Width(150);

columns.Bound(o => o.LastName)

.Width(150);

columns.Bound(o => o.EmailAddress)

.Width(200);

columns.Command(commands =>

{

commands.Edit().ButtonType(GridButtonType.Image);

commands.Delete().ButtonType(GridButtonType.Image);

})

.Width(70)

.HtmlAttributes(new { style = "text-align:center" });

})

.NoRecordsTemplate(@<text>No User records to display.</text>)

.Pageable(paging =>

paging.PageSize(15)

)

.Sortable()

.Filterable()

.Render();

}

The below is the current Kendo UI code:

@{Html.Kendo().Grid(Model)

.Name("grdAllUsers")

.Columns(columns =>

{

columns.Bound(o => o.FirstName)

.Width(150);

columns.Bound(o => o.LastName)

.Width(150);

columns.Bound(o => o.EmailAddress)

.Width(200);

columns.Command(commands =>

{

commands.Edit().ButtonType(???);

commands.Delete().ButtonType(???);

})

.Width(70)

.HtmlAttributes(new { style = "text-align:center" });

})

.Pageable(paging =>

paging.PageSize(15)

)

.Sortable()

.Filterable()

.Render();

}

When I am using the "Edit" and "Delete" command for the Kendo UI Grid, I need to only use image button type. How do i change it from ImageAndText (which seems to be the default), to Image button type only? How can i make only the images show for these Grid command buttons like "delete", "edit", etc. ??

Thank you very much for your help

Grid

answered on 20 Sep 2012

2 answers

412 views

Edit and Delete Grid Buttons

good morning everyone,

i just read and found out that :
"Buttons related to editing now utilize both images and text. There are no text-only or image-only buttons available" at the below URL

http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/migration/widgets/grid#editing

Since it has been implemented like that, is there some sort of work around or way to not have both images and text but only the images for the "Edit" and "Delete" grid buttons when doing Grid editing?????

I know that the Telerik Extensions for ASP.NET MVC Grid allowed for "Images and Text", "TExt" only, and "Image" only:

columns.Command(commands =>

{

commands.Edit().ButtonType(GridButtonType.Image);

commands.Delete().ButtonType(GridButtonType.Image);

})

For my purposes, I really need only the images for the delete and edit button.

Thank you very much for your help

Grid

answered on 20 Sep 2012

0 answers

93 views

Using a library like datejs or sugarjs

I want the user to be able input 'today', 'next friday' etc (as defined http://www.datejs.com/) in the input field to set the desired date, what would be the recommended way to do this?

I imagine that I have to handle the change event, but don't get the text input by the user. Now I can fire a jQuery to find the input element & its value, but I wanted to know if there is a better way to do it so that this code does not break when I upgrade to newer versions of Kendo.

DatePicker

asked on 20 Sep 2012

2 answers

168 views

Menu Styling (background-image not display in firefox)

Please help to look at my simple code as below. Thank you.

<style>
ul.k-menu {
   border: 0;
   background-color: transparent;
   font-weight: bold;
   text-decoration: none;
background-image: url('divBg_bg.jpg');
   background-repeat: repeat-x;
color: White;
}</style>

<div id="example" class="k-content">
<ul id="treeview">
<li data-expanded="true">Item 1
<ul>
<li>Item 1.1</li>
<li>Item 1.2</li>
<li>Item 1.3</li>
</ul>
</li>
<li>Item 2
<ul>
<li>Item 2.1</li>
<li>Item 2.2</li>
<li>Item 2.3</li>
</ul>
</li>
<li>Item 3</li>
</ul>

<script>
$(document).ready(function() {
$("#treeview").kendoMenu();
});
</script>
</div>

Works fine: IE & Chrome.

Not work: Firefox v15.0.1

Menu

answered on 20 Sep 2012