Questions on UI for ASP.NET MVC Forum

1 answer

204 views

I am looking at the new filtering feature of the grid - Multi Checkboxes (http://demos.telerik.com/aspnet-mvc/grid/filter-multi-checkboxes)

I can't work out how I can dynamically change the filter list based on the contents of the grid.

I currently have a drop down list in the toolbar of the grid, that users can select various pre-defined filtered datasets. I'd like the checkbox list in the filter menu to only display the available values in the grid. I don't mind doing this via an AJAX call and manually populating the data but I can't work out to get a reference to the filter menu. (I will have multiple filter menus on the grid)

Any pointers?

Thanks

Grid

answered on 27 Mar 2015

2 answers

117 views

Not selecting default value since 2015 update

Hi,

Since we've updated to the 2015 Q1 update a number of our DropDownLists have stopped selecting the top item on page load. This is the issue we're having, seems to be consistent with the following criteria:

-DropDownListFor a default int property (so value is 0 by default)
-DataSource is a small collection contained in the ViewBag with no item of ID 0

eg
@(Html.Kendo().DropDownListFor(x => x.ClientID)
.DataTextField("name")
.DataValueField("id")
.BindTo((System.Collections.IEnumerable)ViewBag.Clients)
)

These were working before the update, and just defaulting to an index of 1, but even trying to set the SelectedIndex property fails to alleviate the problem. Any advice you might have would be much appreciated.

Thanks,
Kevin

DropDownList

answered on 27 Mar 2015

4 answers

1.7K+ views

Kendo dynamic context menu

Hello,
I have a context menu displayed on right clicking kendo grid like this.
@(Html.Kendo().ContextMenu()
        .Name("menuGrid")
        .Target("#Grid_ObjActivity")
        .Orientation(ContextMenuOrientation.Vertical)
        .Animation(animation =>
        {
            animation.Open(open =>
            {
                open.Fade(FadeDirection.In);
                open.Duration(500);
            });
        })
        .Items(items =>
        {

            items.Add()
               .Text("Herunterladen")
               .ImageUrl(Url.Content("~/Images/Download.png"));
            items.Add()
              .Text("Löschen")
              .ImageUrl(Url.Content("~/Images/Delete.png"));

        })
        .Events(e => e.Select("ContextClick"))

    )

This is ok but i would like to have the items added dynamically depending on type of row clicked on grid. Each row in grid has a different type and right clicking show a different context menu with different action.

How can i achieve this in my razor view.

Thanks

Anamika

Menu

answered on 27 Mar 2015

1 answer

386 views

Retrieving additional values in ClientGroupHeaderTemplate

Hello,

I have a grid that I'm grouping by the Value of a KeyValuePair property in my Model. I'm able to access the GroupedBy value (using "#= value#") in the ClientGroupHeaderTemplate, but I also need access to the Key (represented in the code below as "#= key#". Is it possible to do this?

@(grid.Name(Model.GridId)
.HtmlAttributes(new { @class = "kendo-grid", data_get_url = Url.Action("GetStaticPermissions", "PermissionSetRecord", new { permissionSetId = Model.PermissionSetId }) })
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action(Model.ReadAction, "PermissionSetRecord", new { category = Model.Category, permissionSetId = Model.PermissionSetId }))
.Group(groups => groups.Add(permission => permission.PermissionGroupInfo.Value)))
.Columns(columns =>
{
columns.Bound(d => d.PermissionGroupInfo.Value)
.Hidden(true)
.ClientTemplate("")
.ClientGroupHeaderTemplate(GetTemplateTitle().ToHtmlString());
columns.Bound(d => d.DisplayName)
.Title(Saturn.Resources.Admin.Security.Permission);
columns.Template(@<text></text>)
.Title(Saturn.Resources.Admin.Security.AllowQuestion)
.Width(100)
.ClientTemplate(Html.Partial("Permissions/_Toggle", Model).ToHtmlString());
}))

@helper GetTemplateTitle()
{
<span>
#= value#

// I want access to the key of my property here
#= key#
</span>
}

Thanks.

Grid

answered on 27 Mar 2015

1 answer

140 views

Bug with delete item, duplicate item and select value

Latest version comes with many bugs in this widget:
1. Error on delete item using remove icon:
Scenario : Select 1 item from list then typing name and select another item, now delete previous item with click on remove icon
2. Duplicate on delete item using backspace key
Scenario : Select 1 item from list then typing name and select another item, now perform delete item using backspace keyboard
3. Select values contains empty string for previous item
Scenario : Select 1 item from list then typing name and select another item, now select it using js in developer console see its value

you can see my test video on attachment..
Any workaround for this?

MultiSelect

answered on 26 Mar 2015

2 answers

187 views

MVC kendo Editable Grid In Line with No Update command Button

Hi,

I have a requirement of kendo editable Grid where Simply I click on each cell and it goes to editable mode and once I came out of text box it should commit the change. So its actual In Cell edit but no batch updates required. It will be In Cell editing and once you loos focus of the cell changes needs to be committed.
(Dont want to Use toolbar as its not batch update.)
Can you please provide some example ASAP?

Thanks,
Aarti

Grid

answered on 26 Mar 2015

3 answers

237 views

updating grid with selected text from dropdownlist

Hello

I have a grid containing product registrations, fetched from a table(registration) in a DB. One of the columns in the registration table is for countryName, country is stored as a FK countryID (int) in the registration table. But in the grid i'm showing the corresponding countryname. I have a popup editor for rows in the grid with a dropdowlist for chosing country, this dropdownlist fetches data from the country table with id as datavaluefield and name as datatextfield.

The code for the country column in the grid:

columns.Bound(c => c.countryName).Width(120).Locked(true);

The code for the dropdownlist:

@(Html.Kendo().DropDownListFor(model => model.countryId)

.HtmlAttributes(new { style = "width: 183px", required = "required" })

.DataTextField("name")

.DataValueField("id")

.OptionLabel("Select country...")

.DataSource(source =>

{

source.Read(read =>

{

read.Action("GetCountries", "Home");

});

})

)

As you can see the column in the grid is mapped to countryName and the dropdownlist is mapped to countryId. This means changes made in the dropdownlist doesn't get updated in the grid. How can I update the countryName cell in the grid with the selectedTextvalue from the dropdownlist?

/Jonas

Grid

answered on 26 Mar 2015

1 answer

137 views

Styling / forms source code missing

Hi Telerik,

I am currently working with the trial version of UI for ASP.NET MVC and noticed that at this link no source code can be found. Could you please update it or, at least, provide some code samples in this thread as I really prefer/expect to use Html Helpers for input fields with an icon either left or right rather than straightforward Html which is superfluous in my case, that is:

@(Html.Kendo().TextBoxFor(m => m.Property).Icon("some css class or whatever").Left())

I am looking forward to hearing from you soon. Thanks in advance!

Kind regards,
Mor

General Discussions

answered on 26 Mar 2015

1 answer

97 views

Own Cap Definition

Is there a way to define your own EndCap Definition. There are now three type 'none', 'FilledCircle' and 'ArrowEnd'. I'd like to have my own rectangular end.

Diagram

answered on 26 Mar 2015

0 answers

108 views

EndCap Type

Is there a way to set the EndCap to an own defined Type. I'd like to have it a rectangle of instance.

Diagram

asked on 26 Mar 2015