Questions on UI for ASP.NET MVC Forum

1 answer

491 views

Reduce height of Calender Image In Datepicker

Hi
I want to reduce height of Date-picker icon How can i reduce height of Date-picker?

Thank you
Amitkumar

DatePicker

answered on 27 Jun 2013

2 answers

677 views

[Solved] Grid selection is not triggering Change event

I am using Kendo UI 2013.1.514.340 in combination with JQuery 2.0.0. I have configured a Grid with the Selectable option and configured a Change handler to pick up events. The handler is correctly picking up events when the Grid is created, refreshed, sorted, filtered, etc. However, selecting a row does not seem to fire an event as desired.

I saw several other posts asking whether or not there was a JQuery incompatibility. Some of those posts are older, and none were answered to confirm this.

I'd like to know if this is a known issue before I go to the trouble of ripping out 2.0.0 for some other version, presumably 1.8.2.

Help, please!

Grid

answered on 27 Jun 2013

1 answer

354 views

Add New Row to Kendo Grid on TAB key press

Hi,

My kendo Grid has a text field and a checkbox in two columns of a row. While cursor is in last column of the last row when i press TAB key i should add a new row to the grid.

I would be very helpful if you can provide a sample code for my requirement.

Thanks.

Grid

answered on 27 Jun 2013

1 answer

964 views

Serializing grid data to json string

Hi,

I'm trying to implement grid serialization example:
http://stackoverflow.com/questions/10324565/how-to-get-the-displayed-data-of-kendogrid-in-json-format

$.ajax({

type: 'post',

data: kendo.stringify($("#Grid").data("kendoGrid").dataSource.view()),

dataType: "json",

contentType: "application/json; charset=utf-8",

url: '@Url.Action("CreateExcelFile","Helper")',

success: function (response) {

},

error: function (request, status, errorThrown) {

}

});

On server side I get, Request.Form.Count = 0...

Any help would be appreciated...

Thanks
Shabtai

Grid

answered on 27 Jun 2013

1 answer

122 views

Can the Kendoui upload have a spinner?

Can the Kendoui upload have a spinner? After selecting the file, the wait is consistently
long. And the users do not know what is happening.

Upload

answered on 27 Jun 2013

2 answers

613 views

[Solved] Ajax Grid Serialization Bug: Big Data

Hello,

I have a simple Ajax Kendo Grid which looks the following:

@(Html.Kendo().Grid(m)

.Name(gridName)

.BindTo(m)

.ToolBar(commands => commands.Create().Text(newButtonText))

.Events(e => e.Edit("onGridCellEdit" + gridName))

.DataSource(dataSource => dataSource.Ajax().Events(ev => ev.Change("onDataSourceChange" + gridName))

.Model(model =>

{

model.Id(p => p.ID);

model.Field(p => p.Function).DefaultValue((KeyValueObjectViewModel)ViewData[SAPController.GRID_DDL_PROPERTY_FUNCTION + "_Default"]);

model.Field(p => p.SAPClientEmpty).DefaultValue((KeyValueObjectViewModel)ViewData[SAPController.GRID_DDL_PROPERTY_SAP_CLIENT_EMPTY + "_Default"]);

model.Field(p => p.Person).DefaultValue(new ResultEntryViewModel(true, false));

}).ServerOperation(false)

)

.Columns(columns =>

{

columns.Bound(p => p.Function).ClientTemplate("#=Function.Name#").Width(200).Title(Strings.ColumnFunction);

columns.Bound(p => p.SAPClientEmpty).ClientTemplate("#=SAPClientEmpty.Name#").Width(200).Title(Strings.ColumnSAPClient);

columns.Bound(p => p.Person).ClientTemplate("#=Person.Name#").Title(Strings.ColumnPerson);

columns.Template(@<text></text>).Width(20).ClientTemplate(TemplateConstants.GRID_CLIENTTEMPLATE_DELETE_COLUMN);

})

.Editable(editing => editing.Mode(GridEditMode.InCell).CreateAt(GridInsertRowPosition.Bottom))

)

The grid renders fine without any problems when the amount of data is low.

Now if I have a lot of data in the grid (the table in the database has a few thousand rows), I get an error from Kendo when serializing the grid data:

InvalidOperationException: Error during serialization or deserialization using the JSON JavaScriptSerializer. The length of the string exceeds the value set on the maxJsonLength property.

It seems that the JavaScriptSerializer that Kendo uses does not use the maximum valid json length and instead uses the default length. I have set the following entries in my web.config, which does not make any differences:

<system.web.extensions>

<scripting>

<webServices>

<jsonSerialization maxJsonLength="2147483647"/>

</webServices>

</scripting>

</system.web.extensions>

So I assume the JavaScriptSerializer you use for the Kendo Grid simply ignores this setting. What about setting the MaxJsonLength property for the JavaScriptSerializer hardcoded to its maximum value:

JavaScriptSerializer ser = new JavaScriptSerializer();

ser.MaxJsonLength = Int32.MaxValue;

// TODO: Do the Kendo Grid serialization ...

Would that be possible for you do set that property to its max value?
Any other ideas how I can use the grid with big data?
I know, I could use paging, but the customer does not want a paged grid ...

Please help, thanks!
Greets

PS: I have attached an image of the exact error message including the full callstack.

Grid

answered on 26 Jun 2013

2 answers

355 views

[Solved] Enable both client and server-side filtering in Kendo UI

I have stumbled upon a problem using Kendo UI with ASP.NET MVC Wrappers. I am applying intial filters in a extension method on GridBuilder like this:

public static GridBuilder<T> Test<T>(this GridBuilder<T> builder)
where T : class
{
var filters = new List<IFilterDescriptor>();
filters.Add(//adding my filters)

return builder.DataSource(s => s.Server().Filter(f => f.AddRange(filters)));
}

The problem appears when I for example sort a specific column and Kendo creates its query string:

?Grid-sort=FName-desc&Grid-page=1&Grid-pageSize=10&Grid-group=&Grid-filter=

What happens is that Grid-filter= overrides my intial filters causing them to not be applied anymore. The exception is when i apply one of my own filters before Kendo creates its query string, then my filter gets added to the query string and everything is fine and dandy.

Is there a way to prevent Kendo from overriding my intial filters?

Thanks in advance.

Grid

answered on 26 Jun 2013

3 answers

142 views

Popup Editor 'Cancel' Error

Hello,

I've encountered a rather peculiar issue with regards to using the Edit grid action command. As illustrated through the attached images: (1.png) displays a grid with 2 entries, I click the Edit command button which leads me right to an edit popup window and I proceed to make the necessary changes (2.png); I then click the Update button and the grid displays the changes accordingly (3.png); I repeat the process of clicking the Edit command button but instead of clicking Update and changing any values, I click the 'X' button and the values revert back to how it was in (1.png) before the update was done.

A video of the recreation can be found here: bit.ly/OEvZUc
(The video is in .wmv format, I placed it in an bitmark just to keep track of the clicks so don't worry)

The process involved here is that I store the values in a List<> which I keep updated through its constant reassignment a session variable. I am currently using version 2012.2.913 and jQuery1.8.2. Thanks in advance for the help!

Grid

answered on 26 Jun 2013

1 answer

203 views

Cascading Dropdown, within TabStrip and Grid with Editor Template, popup...

I am having a problem with a cascading dropdown child list will not populate

I am trying to implement a cascading dropdown, having problems with the Javascript to get the key value from selected parent...

Here is the code:
<script>

$(document).ready(function () {
var Region = $("#Region").data("kendoDropDownList")
});

function filtercountry()
{
return {
categories: $("#categories").val()
};
</script>

<div class="editor-field">
@(Html.Kendo().DropDownList()
.Name("Country")
.DataTextField("CountryName")
.DataValueField("CountryCode")
.HtmlAttributes(new { style = "width: 250px" })
.DataSource(dataSource =>
{
dataSource.Read(read =>
{
read.Action("GetCountries", "Location").Data("filtercountry");
})
.ServerFiltering(true);
})
.Enable(false)
.AutoBind(false)
.CascadeFrom("Region")
)
</div>
I had a similar issue with Combox box and found the solution required a deeper layer of reference to control..., listed below
function DonAdditionalData()
{
var DM = $("#DManage").data("kendoComboBox");
DM2 = DM.input.val();
return
{
text:DM2
};
}

DropDownList

answered on 25 Jun 2013

14 answers

345 views

DataReader must be closed first

I'm following the 'Basic Usage' example and did the following:

@model IEnumerable<DigiBob.Model.Governance.RolesResponsibilities.RoleName>

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

.Name("Grid")

.Columns(columns =>

{

columns.Bound(p => p.Name);

})

.Pageable()

.Sortable()

.Scrollable(scr=>scr.Height(430))

.Filterable()

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(20)

.ServerOperation(false)

)

And:

RoleNameRepository _roleNameRepository = new RoleNameRepository(new DigiBobContext());

public ActionResult Index()

{

return View(_roleNameRepository.GetAll());

}

I'm getting this error:
There is already an open DataReader associated with this Command which must be closed first.There is already an open DataReader associated with this Command which must be closed first.

I added .ToList() to the last command and am now getting this error:
A circular reference was detected while serializing an object of type 'System.Data.Entity.DynamicProxies.RoleName_9130BF9423DB97238B259DFD54766A3850EC298A017442C28EED589A812C582A'

How can I get this simplest of grid examples to show the results of my query?

Grid

answered on 25 Jun 2013