Questions on UI for ASP.NET MVC Forum

10 answers

690 views

[Solved] Frozen (Locked) Column Rows Not Aligned with Unlocked Rows

I'm utilizing the new frozen (locked) column functionality in the latest release (2014.1.318.340) and noticed that the rows of the locked columns do not line up with those of the unlocked columns (see attached screenshot). If I click around it eventually realigns itself, but this isn't acceptable for our client. I believe in one of the non-MVC forums you provided a fix for this issue. Thanks!

Grid

answered on 27 Oct 2014

3 answers

380 views

set dirty

Hi:
I'm populating a grid field from an on blur from a field in a tab strip.
How do I make the little red icon show in the grid signifying a dirty field so that my batch save will pick it up?

Thanks
Robert

Grid

answered on 27 Oct 2014

2 answers

147 views

Adding Datapicker, Dropdown and other controls to Kendo Grid

Hi,

We have an requirement that allow a user to enter multiple records at a same time. As I have seen the demo, I feel the batch editing is good option for us.

But we might have a issue that, we need to allow user to select a data from different controls such as Dropdown list, Datepicker and may be some other. In one of the demo sample, I have seen that Dropdown list is added to a column by specifying Foreign Key column mapping (If I am not wrong, that has been done by using Entity Framework).

We are using Model class as source to bind the Grid and we are not using Entity Framework here. By binding Model class is it possible that, we can add these different controls to the columns and is there any examples or sample code?

Regards!

Grid

answered on 25 Oct 2014

4 answers

1.6K+ views

Grid inCell editing: disabling conditional

Hello, I have this grid:

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

.Name("ListiniRighe")

.Columns(columns =>

{

columns.ForeignKey(l => l.LForId, listFor, "LForId", "Formula");

columns.Bound(l => l.DocAmount).Format("{0:c}");

})

.ToolBar(toolbar => toolbar.Create())

.Editable(ed => ed.Mode(GridEditMode.InCell))

)

I want to disable the "DocAmount" cell if the "LForId" have a specific value, and everytime I change the value I want to check and enable\disable the cell.
How can I do that...

Grid

answered on 24 Oct 2014

8 answers

800 views

Save Grid State in database, missing element

Hi there,

I am currently working on Kendo Grid. I have implemented with model binding from database.
I have 3 windows. To add a row, to see the details, and to change the concern row.

So far everything works.

Now if the logged user wants to change his grid, I allowed him to record its changes / customization on the grid.
Again everything works fine. I record the grid's statements in my database.
To do this I Took example on this project :
http://www.telerik.com/support/code-library/save-grid-state-in-session-on-server-side

The problem is that when I load my save states, my add button disappears (Custom Toolbar), and none of my windows opens (edit, detail, this 2 buttons are Custom Command)

Do you have an idea for how to save the states of these elements?

Thank you in advance,

Ps : This is the javascript code I use to saved grid's states :

<button id="save">Save state</button>

$("#save").click(function () {

var grid = $("#Table").data("kendoGrid");

var dataSource = grid.dataSource;

var state = {

columns: grid.columns,

page: dataSource.page(),

pageSize: dataSource.pageSize(),

sort: dataSource.sort(),

filter: dataSource.filter(),

group: dataSource.group(),

};

$.ajax({

url: "/Base/Save",

data: {

data: JSON.stringify(state)

}

});

I have a project to show you but it's between 8 and 9 MB when compressed.

Best regards.

Grid

answered on 24 Oct 2014

1 answer

119 views

[Solved] Hierarchical Kendo UI Grid show/hide base on user security

Hi,

I manage to implement an hierarchical Kendo UI Grid successfully. However the specifications for the application that I'm building requires that the child grid be only displayed if the current user have the authorization. How can I achieve this?

Grid

answered on 24 Oct 2014

1 answer

402 views

How to remove the UTC component when date time is displayed in the Razor Grid ?

Hi,

I am using the KendoUI Razor grid in my application with the following Settings :

@model BMS_RDM_DTO.SnapshotGridData
@(Html.Kendo().Grid(Model.NewRecordsGridData)
.Name("NewRecordsGrid")
.Columns(columns =>
{
columns.AutoGenerate(true);
columns.Command(command => command.Custom("Edit").Click("EditNewRecordGrid")).Title("Actions");

})
.Filterable()
.HtmlAttributes(new { style = "height: 380px;" })
.Scrollable(scroll => scroll.Enabled(true))
.Groupable()
.Sortable()
.Pageable(pageable => pageable
.Refresh(true)
.PageSizes(true)
.ButtonCount(5))
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(10)
.ServerOperation(false)
).Resizable(resize => resize.Columns(true))
)

I have an issue with the dateTime format shown on the grid. Please refer the screenshot - I dont want the UTC component to be shown. I would like to see just the date and the time without the offset / timezone difference.

What settings/config are required to achieve this ? Can I set the date time formatting for the grid itself in the CSHTML ? (I can't set it for individual columns because autobind=true)

Grid

answered on 24 Oct 2014

1 answer

182 views

Kendo tabstrip tab content loading issue

Hi All,

I am using kendo tabstrip in my mvc application and used knockout js to bind data. The tabstrip is inside a kendogrid detail template. and data for all tab loads on detailrow init function of grid.When expanding detail row, first tab is active and it shows data. But when I select a different tab, it is showing empty content area. This issue comes in IE8.

Anyone have idea on why this happens?

Regards

TabStrip

answered on 24 Oct 2014

1 answer

96 views

File Upload control UI issue

Hi Team,

I am using kendo file upload control, but the UI for select file button is not working in IE8.It is showing empty button, without any label
Is there any solution for that?

Regards

TabStrip

answered on 24 Oct 2014

3 answers

827 views

Custom Command in Grid with Ajax Binding in Command Column - How to Do?

Dear KendoUI Team!
Is it possible to realize s.th. like this with KendoUI when using AJAX Binding?

columns.Command(commands =>
{
commands.Edit().ButtonType(GridButtonType.Image);
commands.Delete().ButtonType(GridButtonType.Image);
commands.Custom("CopyItem")
.Action("CopyItem", "Le")
.Ajax(true)
.HtmlAttributes(new { id = "CopyItemDetails" })
.DataRouteValues(route => route.Add(i => i.Rid).RouteKey("ItemID"))
.ButtonType(GridButtonType.Image)
;

}).Title(Strings.Commands).Visible((bool)ViewData["Writable"]);

What I found is that the custom command should be replaced by a column template. But I want the copy command in the command column, not in a separate column. And I need the ItemID of the row, of course.
How can I realize this with KendoUI?

brgds
Malcolm Howlett

Grid

answered on 23 Oct 2014