Questions on UI for ASP.NET MVC Forum

0 answers

104 views

Unable to retain the selection of the treenode

Hello,
I am very new to Kendo UI. Thanks for providing the Demos which are dam good and very useful for the beginners.

Have an issue with tree view.
Scenario:
I have two tree views.
First tree view contains options to add, delete, reorder the nodes in the second tree view.
Add- appends a node using Append method.
Reorder – Move the selected node up or down using the methods insertAfter and insertBefore

When am adding a node with some selection in the second tree view, it appends the node as the last node to the second tree and selection on the second tree view is retained.

But when I reorder the nodes using the above mentioned methods with some selection on second tree view, the selection was not retained after reordering.
Can anyone help me in retaining the selection .

Thanks,
Harika.

TreeView

asked on 14 Sep 2012

0 answers

190 views

Copying/Moving 2 parent/child nodes between 2 different trees?

So I have 2 trees, one pulls data that consists of parent and child nodes and another that has the same. What I want to do is to allow a user to drag and/or double click on a node, whether it be a child or a parent and add that to the other treeview. If though an action is done to move a child node from one tree to another and the same parent exists in both, then that child node, whether user drags and drops or double clicks will automatically route to the correct parent node. This way, a user couldn't accidently move a child node into the wrong parent node. I really hope this makes sense as I have tried several things to no avail and had assumed that this would be more straight forward.

Thanks much.

TreeView

asked on 13 Sep 2012

1 answer

151 views

[Solved] Using HTML wrappers with mobile app

Hi,

So just working through the mobile demo (http://docs.kendoui.com/tutorials/build-apps-with-kendo-ui-mobile) and I am attempting to use the MVC wrappers where applicable, for instance tabstrip.

It would appear that they don't pick up the styles and js properly and don't render quite as they should.

so this code:

@Html.Kendo().TabStrip().Name("tabstrip").Items(items =>

{

items.Add().Text("Home").Action("Index", "Home");

items.Add().Text("About").Action("About", "Home");

})

doesn't pick up the mobile style and ignores the

transition: 'slide'

setting.

Are the wrappers supposed to work with a mobile app project?

TabStrip

answered on 13 Sep 2012

1 answer

264 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

174 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

90 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

147 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

156 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

267 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