Questions on UI for ASP.NET MVC Forum

1 answer

255 views

[Solved] Manually refreshing dataSource and Grid

Hello,

I'm new to Kendo UI, so this may turn out to be pretty trivial. I have an ajax bound grid that's initially bound to a set of records. I'm planning on having a form within the same page which the user will fill out to add new records, I'm not using inline or popup editing because the data needed to generate a new record won't necessarily have a 1:1 correspondence with the grid model's fields and because of interface design requirements. My question is, after adding a new record to the set via ajax, how can I refresh the grid to reflect the changes made to the set? I provide a test solution I tinkered with, I tried to hook into the dataSource's change event and refreshing the grid after I successfully call .read() on it, but to no avail, I have an html button I call to add a mock random record server side. Any suggestions? Am I missing something?

Grid

answered on 13 Sep 2012

1 answer

165 views

Sending multilpe record ID's to the Controller from Kendo Grid

Here is the scenario. I have a Kendo grid of a VIEW(3 joined tables) not of a table. I have created a checkbox that is bound to the primary key field. After hours of searching I figured out how to select and deselect all of the checkboxes by clicking the header. I cannot however figure out how to send multibple ID's to the controller so that I can validate and update the records.

My idea is to have javasciprt iterate through the list and compile a delimited string of ID's which would be stored in a hidden field. Easy peasy right? No of course not. I have tried and searched high and low and nothing works. Very frustrating.

I did find some javascript code that doesnt do what I want but I tried to modify it and make it work. Can't do it. Can anybody help me out there? The code I found is below... I don't need the last part of it because I am not doing any updating on the client side. I just need to get the values to the controller... any help is appreciated.

<script>
    $(document).ready(function () {
        $("#update").click(function() {
            var grid = $("#Grid").data("kendoGrid");
            var value = $("#Name").data("kendoDropDownList").value();
            var models = [];

            //find the selected models
            grid.tbody
                .find(":checked")
                .closest("tr")
                .each(function () {
                    models.push(grid.dataItem(this));
                });

            //update the models value
            for (var i = 0, length = models.length; i < length; i++) {
                models[i].set("Name", value);
            }

            //submit the value to the server
            grid.dataSource.sync();
        });
    });
</script>

Grid

answered on 13 Sep 2012

1 answer

87 views

Add/Edit Clear State

Hi have implemented a Grid using Open Access as the ORM.

The data displays fine as does completing updates. However if you add an item and save it, then every subsequent edit on existing items creates a new entry as each edit is behaving as a newly added Item.

The only way to stop this is to manually refresh the page.

Rob

Grid

answered on 12 Sep 2012

0 answers

145 views

Grid Data Alignment Issue when grouping on Chrome.

Hi,

I am using Asp.Net MVC Grid. Facing the issue in chrome, when i group the data on the basis of a single hidden column it shows that column even if the column header is hidden and not visible. Other browser has no issue in that. Kindly, guide me about it.

Your earliest response will be highly appreciated.

Regards,
Muhammad Kamran

P.S. Attached is the snapsot of Chrome n firefox.

Grid

asked on 12 Sep 2012

1 answer

152 views

Input Text inside Splitter NOT Working...

Hi,

I put input text inside splitter makes input text read-only...

Here's my code snippet...
Index VIEW:
@helper RenderContentSplitter()
{
@(Html.Kendo().Splitter()
.Name("contentSplitter")
.Orientation(SplitterOrientation.Vertical)
.Panes(contentPanes =>
{
contentPanes.Add()
.Collapsible(true)
.HtmlAttributes(new { style = "height: 100%; width: 100%;", id = "pane1" })
.Resizable(true)
.Content(
Html.Action("RowDesignPartial").ToHtmlString()
);
})
)
}

RowDesignPartial VIEW:

<input type="text" id="txtRowName" name="txtRowName" class="k-textbox" value="" />

Thanks.......

Splitter

answered on 12 Sep 2012

6 answers

1.0K+ views

Set focus on added new row? (grid)

Hi,

How can I set focus on my added new row?
In my case, I insert new row at the bottom..

Thanks...

Grid

answered on 12 Sep 2012

5 answers

261 views

not sorting, grouping, or paging - DBContext issue?

I'm trying to follow the examples that I've found, but I seem to be missing something that prevents my results from sorting or grouping or paging. I'm assuming that the problem is in the controller, probably in GetEducators but I can't figure out what it is that I'm missing!

Index.html

@model LicenseVerification.Models.tc_person

@{

ViewBag.Title = "SearchPerson";

}

<h2>Index cshtml</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")"type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"type="text/javascript"></script>

@using (Html.BeginForm("SearchResults", "PersonSearch"))

{

@Html.ValidationSummary(true)

<fieldset>

<legend>tc_person</legend>

<div class="editor-label">

@Html.Label("first_name", "First Name")

</div>

<div class="editor-field">

@Html.Editor("first_name", "First Name")

@Html.ValidationMessageFor(model => model.first_name)

</div>

<div class="editor-label">

@Html.Label("last_name", "Last Name")

</div>

<div class="editor-field">

@Html.Editor("last_name", "Last Name")

@Html.ValidationMessageFor(model => model.last_name)

</div>

<p>

<input type="submit" value="Search" />

</p>

</fieldset>

}

PersonSearchController.cs

using System.Linq;

using System.Web.Mvc;

using LicenseVerification.Models;

using System.Collections;

namespace LicenseVerification.Controllers

{

public class PersonSearchController : Controller

{

private be_cactusEntities db = new be_cactusEntities();

public ActionResult Index()

{

return View();

}

public ActionResult SearchResults(string firstName = "", stringlastName = "")

{

return View(GetEducators(firstName,lastName));

}

private IEnumerable GetEducators(string firstName = "", stringlastName = "")

{

var educators = from e in db.tc_person

where e.first_name.Contains(firstName)

&& e.last_name.Contains(lastName)

select e;

ViewBag.firstName = firstName;

ViewBag.lastName = lastName;

return educators;

}

protected override void Dispose(bool disposing)

{

db.Dispose();

base.Dispose(disposing);

}

SearchResults.cshtml

@model IEnumerable<LicenseVerification.Models.tc_person>

<h2> Without Partial</h2>

@{

string lastName = "NULL";

string firstName = "NULL";

if (ViewBag.lastName != null)

{

lastName = ViewBag.lastName;

}

if (ViewBag.firstName != null)

{

firstName = ViewBag.firstName;

}

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

.Name("Grid")

.Columns(cols =>

{

cols.Bound(p => p.person_id).Groupable(false);

cols.Bound(p => p.first_name);

cols.Bound(p => p.last_name);

})

.Pageable(pageable => pageable.PageSizes(true).PageSizes(new int[] { 10, 25 }))

.Sortable()

)

<p />

lastName is @lastName<br />

firstName is @firstName

My model is from a DBContext template and Entity Framework, but it is below in case it's relevant:
tc_person.cs

//------------------------------------------------------------------------------

// <auto-generated>

// This code was generated from a template.

//

// Manual changes to this file may cause unexpected behavior in your application.

// Manual changes to this file will be overwritten if the code is regenerated.

// </auto-generated>

//------------------------------------------------------------------------------

using System;

using System.Collections.Generic;

namespace LicenseVerification.Models

{

public partial class tc_person

{

public tc_person()

{

this.tc_experience = new HashSet<tc_experience>();

this.tc_license = new HashSet<tc_license>();

this.tc_certificate = new HashSet<tc_certificate>();

}

public decimal person_id { get; set; }

public System.DateTime date_record_added { get; set; }

public string prefix { get; set; }

public string last_name { get; set; }

public string first_name { get; set; }

public string middle_name { get; set; }

public string suffix { get; set; }

public string preferred_name { get; set; }

public string maiden_name { get; set; }

public string aka { get; set; }

public string ethnic_code { get; set; }

public string gender { get; set; }

public Nullable<System.DateTime> dob { get; set; }

public Nullable<System.DateTime> deceased_date { get; set; }

public string citizenship { get; set; }

public string nclb_veteran { get; set; }

public Nullable<System.DateTime> ethics_test { get; set; }

public virtual ICollection<tc_experience> tc_experience { get; set; }

public virtual ICollection<tc_license> tc_license { get; set; }

public virtual ICollection<tc_certificate> tc_certificate { get; set; }

}

PersonSearch.Context.cs

//------------------------------------------------------------------------------

// <auto-generated>

// This code was generated from a template.

//

// Manual changes to this file may cause unexpected behavior in your application.

// Manual changes to this file will be overwritten if the code is regenerated.

// </auto-generated>

//------------------------------------------------------------------------------

using System;

using System.Data.Entity;

using System.Data.Entity.Infrastructure;

namespace LicenseVerification.Models

{

public partial class be_cactusEntities : DbContext

{

public be_cactusEntities()

: base("name=be_cactusEntities")

{

}

protected override void OnModelCreating(DbModelBuilder modelBuilder)

{

throw new UnintentionalCodeFirstException();

}

public DbSet<tc_assignment> tc_assignment { get; set; }

public DbSet<tc_experience> tc_experience { get; set; }

public DbSet<tc_person> tc_person { get; set; }

public DbSet<tc_license> tc_license { get; set; }

public DbSet<tc_certificate> tc_certificate { get; set; }

public DbSet<tc_endorsement> tc_endorsement { get; set; }

public DbSet<tcc_license_level> tcc_license_level { get; set; }

public DbSet<tcc_license_status> tcc_license_status { get; set; }

public DbSet<tcc_qualified_by> tcc_qualified_by { get; set; }

}

Grid

answered on 11 Sep 2012

16 answers

210 views

JustCode Error with Kendo Grid

I am trying to use the Kendo grid with an application I have, but I am getting a Just Code (2012.2.815.1) error "Unknown method 'Columns' of 'Kendo.Mvc.UI.Fluent.WidgetBuilderBase<TViewComponent, TBuilder>'. How can I resolve this error?

<%: Html.Kendo().Grid(Model.Registrants)
        .Name("Registrants")
        .Columns(column => 
            {
                column.Bound(i => i.RedemptionCode);
                column.Bound(i => i.FirstName);
                column.Bound(i => i.LastName);
                column.Bound(i => i.Address);
                column.Bound(i => i.Zip);
                
            }%>
<%} %>

General Discussions

answered on 11 Sep 2012

0 answers

121 views

Replacing NoRecordsTemplate

I imagine this is pretty easy, but I'm still trying to get up to speed. Anyone have an example of how to replicate the NoRecordsTemplate functionality using the Pageable.Message as recommended in the grid migration guide?

Grid

asked on 10 Sep 2012

0 answers

139 views

Where to download OpenSource version (working copy)

Hi,

Can anyone provide me the link to open source MVC controls?

I downloaded the version available in codeplex and I am unable to run it.. https://telerikaspnetmvc.codeplex.com/

General Discussions

asked on 10 Sep 2012