Questions on UI for ASP.NET MVC Forum

4 answers

224 views

[Solved] paging

if i have this code
@(Html.Kendo().Grid(Model)
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Bound(p => p.emplmark).Groupable(false);
        columns.Bound(p => p.firstname);
        columns.Bound(p => p.lastname);
        columns.Bound(p => p.location);
        columns.Bound(p => p.county);
    })
    .Groupable()
    .Pageable()
    .Sortable()
    .Scrollable()
    .Filterable()
    .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("GetWork", "Company"))
    )
)

The source return around 2000 records,but after i press next page(page 2),the data disapear.why?it isn't enough to put Pageable,to work the paging?

Grid

answered on 06 Feb 2013

3 answers

996 views

Filter On Different Type Than Type Column Is Bound To

I have a question about filtering on the Kendo Grid. I have looked all over the API docs, these forums, and SO and haven't come up with anything, so I figured I'd ask here.

Is there a straightforward way to set the filtering type to a different type other than the underlying type of the bound column?

E.g.
I have a column called "ActivityID" bound to an int property in my ViewModel. In the ClientTemplate of the bound column, I'm showing a property from my ViewModel called "ActivityNumber", which is a string. When the user hits the filter drop down in the column header, I want them to be able to filter based on the string operators I have set up in the grid, not the number operators.

Does anyone know if there a straightforward way in the Kendo().Grid() configuration to achieve this? I'm sure there's a way to do it on the client side, but I was hoping that I was missing something really obvious before going down that path.

Grid

answered on 06 Feb 2013

5 answers

621 views

Why no load event ?

Hi,

i'm a bit surprised, because i Just moved from Telerik MVC extensions to Kendo UI Complete for MVC, and i noticed that the load event of the grid disappeared.

And if i try to do what i want in the document load event ($(document).ready(......)), the grid is not yet constructed or available if i call it like this :

var

grid = $("#Grid").data("kendoGrid"); => error

Did I miss something ?

Grid

answered on 06 Feb 2013

2 answers

245 views

[Solved] keyword search MVC Grid

Hi , can you point me to some samples , documentation to go about a keyword search implementation.
We have a textbox and search button which is supposed to filter the data on the grid.
On the button click, we pass the keyword but how do I pass it to the grid controller?
The grid by default calls the controller to fill all the values but if they enter a keyword search,
how do I pass that value to the grid by default lists all the values.
It's a simple keyword filter on the grid but I haven't found any help. RIght now , we use class level variables
to make it work but there is probably a better way.

Grid

answered on 05 Feb 2013

2 answers

404 views

Tabstrip in grid details template - Get content from partial view

Hi

I'm struggling to get a tabstrip to get it's content from a partial view when it's in a details template of a grid view as I get an invalid template error.

If I take the tabstrip out of the grid details view it works fine.

The code:

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

@(Html.Kendo().TabStrip()

.Name("TabStrip")

.SelectedIndex(0)

.Items(items =>

{

items.Add().Text("Chart")

.LoadContentFrom("_eDetail", "Tray")

.Selected(true);

items.Add().Text("Text")

.LoadContentFrom("_eDetail", "Tray");

}))

</script

>



_eDetail - partial view


<div >
    <ul>
        <li><label>Code:</label></li>
    </ul>
</div>

Controller


public ActionResult _eDetail()
 {
            return PartialView();
 }



If I put a break point on the controller it doesn't even get hit, so I believe it's a problem with how the loadcontent() part is parsed.



The error:


<div class="k-widget k-tabstrip k-header" id="TabStrip"><ul class="k-reset k-tabstrip-items"><li class="k-item k-state-default k-state-active"><a class="k-link">Chart</a></li><li class="k-item k-state-default"><a class="k-link">Text</a></li></ul><div class="k-content k-state-active" id="TabStrip-1" style="display:block"></div><div class="k-content" id="TabStrip-2"></div></div><script>
    jQuery(function(){jQuery("#TabStrip").kendoTabStrip({"contentUrls":["/Tray/_eDetail","/Tray/_eDetail"]});});
' Generated code:'var o,e=kendo.htmlEncode;with(data){o='\n    <div class="k-widget k-tabstrip k-header" id="TabStrip"><ul class="k-reset k-tabstrip-items"><li class="k-item k-state-default k-state-active"><a class="k-link">Chart</a></li><li class="k-item k-state-default"><a class="k-link">Text</a></li></ul><div class="k-content k-state-active" id="TabStrip-1" style="display:block"></div><div class="k-content" id="TabStrip-2"></div></div><script>\n\tjQuery(function(){jQuery("';TabStrip").kendoTabStrip({"contentUrls":["/Tray/_eDetail","/Tray/_eDetail"]});});
;o+=;}return o;'

Is there anyway around this? Or am I just trying to take it a step too far?



Thanks

ListView

answered on 05 Feb 2013

1 answer

162 views

DropDownList in Popup Editor Template - won't drop on click

Just don't see what I'm doing wrong here.

The data is returned perfectly when viewing in Firebug - The progress spinner on the dropdown runs and then turns into an arrow.....just nothing when I click on the dropdown.

@(Html.Kendo().DropDownListFor(model=>model.UserId)
.Name("UserId")
.DataTextField("Name")
.DataValueField("Id")
.OptionLabel("Select User")
.DataSource(source => {
source.Read(read =>
{
read.Type(HttpVerbs.Post);
read.Action("GetUserDropDown", "Admin");
});
}))

DropDownList

answered on 05 Feb 2013

1 answer

129 views

[Solved] type of filters

From the documentation about autocomplete 
.Filter("contains") //Define the type of the filter, which autocomplete will use.


I noticed that the Filter method has some hard-coded values.What are the other filter types?

if other controls also have this kind of hard-coded values,where can i find them?also,they are case-sensitive?



Regards,

Daniel

AutoComplete

answered on 05 Feb 2013

2 answers

201 views

Invoke edit controller from grid

How can I invoke an edit controller from a grid? I have tried adding a custom command with an Action("Edit","Customers") but there does not seem to be a way to pass the CustomerID to the action. I got the javascript code from the sample custom command grom the grid demo, but I don't seem to be able to make it work. This is what I have, but it doesn't seem to execute the click.

@model IEnumerable<LightRouteDB.Customer>

@{

ViewBag.Title = "Customer List";

}

@(

Html.Kendo().Grid(Model)

.Name("CustomerGrid")

.Pageable()

.Sortable()

.Filterable()

.Columns(cols =>

{

cols.Bound(c => c.CustomerNum).Width(100).Groupable(false);

cols.Bound(c => c.CustomerName).Width(200);

cols.Bound(c => c.BillAddr1).Width(200).Title("Address");

cols.Bound(c => c.BillCity).Width(100).Title("City");

cols.Bound(c => c.TotalDue).Format("{0:c}").Title("Balance");

cols.Command(cmd => cmd.Custom("Edit").Text("Edit").Click("editCustomer"));

})

)

<script type="text/javascript">

function editCustomer(e) {

e.preventDefault();

var dataItem = this.dataItem($(e.currentTarget).closest("tr"));

window.nav("/customers/edit/" + dataItem.CustomerID);

}

</script>

Grid

answered on 05 Feb 2013

2 answers

84 views

[Solved] Default tab animation across entire website

I was wondering if there was a way to specify a particular tab animation as the default across my entire MVC project without having to explicitly specify it on each tabstrip. Or would I have to put the same fluent markup in all my tabstrips?

Thanks for your assistance.

Regards,
Brian

TabStrip

answered on 04 Feb 2013

3 answers

148 views

Closing edit popup causes a postback

Hi,
When closing the edit popup in grid, you should just close it, not cause a postback. Or is there a reason why it causes a postback?

Regards,
Mattias

Grid

answered on 04 Feb 2013