MVCjQueryControls Discussions Rss Feed

New Post: How to add a datepicker to gridedit form

xfdnzb — Tue, 08 Jan 2013 03:52:54 GMT

I need to add a datepicker togridedit ,how can I do?

New Post: ComboColumnRenderer does not populate in edit mode

ronbess — Thu, 29 Nov 2012 20:49:57 GMT

I am using VB.NET version of the example in the MVC Controls Example project to display a combo as follows:

Dim cn As New GridColumnModelList(Of V_MRAPrimaryCarePhysicians Function(p) p.MRAConsultant).SetName("V_MRAConsultants.username").SetCaption("MRA Consultant").SetColumnRenderer(New ComboColumnRenderer("/Assessment/GetConsultants" ))

However, when in edit the combo does not appear. Can someone offer some advice?

New Post: JQGrid is not configuring in IIS

kennethl — Thu, 30 Aug 2012 06:53:07 GMT

I also meet this problem in my local machine IIS

It's seems the following code in MVCControlsScriptManager makes the Script and CSS files point to a wrong location.

"RegisterScriptsAndStyles("../../Content/MVCControls/", "../../Scripts/MVCControls/");"

After:

This is my change.

RegisterScriptsAndStyles(System.Web.VirtualPathUtility.ToAbsolute("~/Content/MVCControls/"), System.Web.VirtualPathUtility.ToAbsolute("~/Scripts/MVCControls/"));

It works in my machine now.

New Post: Razor support

PhilmanCJ — Mon, 18 Jun 2012 16:25:52 GMT

Almost same name, this is MVC jQuery Controls. But yes, I've been caught by that too :)

New Post: Razor support

BillyM — Mon, 18 Jun 2012 15:34:14 GMT

Oh.... same name, different product. No wonder I was confused.

New Post: Dynamically add columns to GridColumnModelList

sternr — Mon, 18 Jun 2012 13:21:02 GMT

Could you post the code building the Grid control?

New Post: Razor support

sternr — Mon, 18 Jun 2012 13:19:45 GMT

There's still no Nuget package, though I'm working on one

New Post: Razor support

PhilmanCJ — Mon, 18 Jun 2012 13:13:24 GMT

I believe it is the latest version, though I added headers to the Javascript files.

As for Nuget, last time I checked there was not a version of this control on NuGet. There is a another package MVC Controls Toolkit, but that is a different project.

Phil

New Post: Razor support

BillyM — Fri, 15 Jun 2012 17:24:47 GMT

Thanks, Phil. This works now.

Which version of the controls are you using? I see there is a package available for NuGet that seems to be newer and claims to have Razor support.

New Post: Razor support

PhilmanCJ — Fri, 15 Jun 2012 13:44:03 GMT

Here is a small site using MVC3 and the grid.

http://dl.dropbox.com/u/19201607/MvcJqueryControlsApplication.zip

I noted when making a sample project that using @model dynamic causes the MVC Controls Grid extension method not to work. As well a default controller will have their layout set to null, so any jQuery and javascript includes you have in there will not be used, thus making the grid not work. However I don't see either of those issues with the sample you showed us.

Phil

New Post: Razor support

BillyM — Thu, 14 Jun 2012 22:17:31 GMT

I am still unable to get this to work. Does anyone have a link to a site showing a complete example of MVC Controls using MVC 3 / Razor?

New Post: Razor support

PhilmanCJ — Thu, 14 Jun 2012 16:55:24 GMT

SharedStrings is my resource file, you will have to use your own strings.

Try this for your index:

@using MVC.Controls.Grid
@using System.Web.Mvc
@using UI.Web.Models
@model UI.Web.Models.ProductsViewModel
           
@{
    ViewBag.Title = "Home Page";
}

<h2>@ViewBag.Message</h2>

@Html.Grid(
new GridControl()
        .SetName("grid")
        .SetPageSize(10)
        .SetIsAutoSize(true)
        .SetListUrl("Home/List")
        .SetHeight("200")
        .AddColumn(new GridColumnModel("Id").SetAsPrimaryKey())
        .AddColumn(new GridColumnModel("Name"))
        .AddColumn(new GridColumnModel("CompanyName"))
        .AddColumn(new GridColumnModel("Price"))
)

New Post: Razor support

BillyM — Thu, 14 Jun 2012 16:25:29 GMT

So, I tried this:

public class ProductsViewModel
{
    public GridControl Grid = new GridControl()
        .SetName("grid")
        .SetPageSize(10)
        .SetIsAutoSize(true)
        .SetListUrl("Home/List")
        .SetHeight("200")
        .AddColumn(new GridColumnModel("Id").SetAsPrimaryKey())
        .AddColumn(new GridColumnModel("Name"))
        .AddColumn(new GridColumnModel("CompanyName"))
        .AddColumn(new GridColumnModel("Price"));
}

Index.cshtml:

@using MVC.Controls.Grid
@using System.Web.Mvc
@using UI.Web.Models
@model UI.Web.Models.ProductsViewModel
           
@{
    ViewBag.Title = "Home Page";
}

<h2>@ViewBag.Message</h2>

@Html.Grid(Model.Grid)

And now getting the following error:

Object reference not set to an instance of an object.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.NullReferenceException: Object reference not set to an instance of an object.

Source Error:


Line 10: <h2>@ViewBag.Message</h2>
Line 11: 
Line 12: @Html.Grid(Model.Grid)
Line 13: 
Line 14: @*@Html.Raw(Html.Grid(new GridControl()

Source File: c:\Users\gmattox\Documents\Visual Studio 2010\Projects\jqGridSample\UI.Web\Views\Home\Index.cshtml Line: 12

New Post: Razor support

BillyM — Thu, 14 Jun 2012 15:52:59 GMT

I can't find a reference to SharedStrings.

New Post: Razor support

PhilmanCJ — Wed, 13 Jun 2012 20:07:37 GMT

Here is how I do it.

I define my Grid in my ViewModel. While this is mixing a bit the presentation and the data, I like compiler checking and intellisense. However you can cut and paste the new GridControl into the view if you prefer.

    /// <summary>Members view model</summary>
    public class MembersViewModel
    {
        public GridControl Grid = new GridControl()
            .SetName("memberGrid")
            .SetPageSize(40)            
            .SetWidth("761")
            .SetAdditionalAttributes("shrinkToFit:false")
            .SetListUrl("Members/List")                        
            .SetOnSelectedRowEvent("window.location.href ='Members/Details/'+id;")            
            .SetColumns<MemberModel>(
                cs =>
                    {
                        cs.Add(x => x.MemberID).SetAsPrimaryKey().SetHidden(true);
                        cs.Add(x => x.SN).SetCaption(SharedStrings.SNText).SetWidth("80");
                        cs.Add(x => x.Rank).SetCaption(SharedStrings.RankText).SetWidth("50");
                        cs.Add(x => x.LastName).SetCaption(SharedStrings.LastNameText).SetWidth("100");
                        cs.Add(x => x.Initials).SetCaption(SharedStrings.InitialsText).SetWidth("60");
                        cs.Add(x => x.Supervisor).SetCaption(SharedStrings.SupervisorText).SetWidth("120");
                        cs.Add(x => x.Instrument).SetCaption(SharedStrings.PrimaryInstrumentText).SetWidth("130");
                        cs.Add(x => x.Effective).SetCaption(SharedStrings.EffectiveText).SetWidth("90").SetIsDefaultSort();
                        cs.Add(x => x.AdminStatus).SetCaption(SharedStrings.AdminStatusText).SetWidth("90");
                    });
    }

After to use it in my view:

@using MVC.Controls.Grid
@using System.Web.Mvc
@using Website.Models.ViewModels.MemberModels
@model MembersViewModel
@{
    ViewBag.Title = "Members List";
}
@section JavascriptContent {

}
<h2>Member's List</h2>
@Html.Grid(Model.Grid)

Hope this helps!

New Post: Razor support

BillyM — Wed, 13 Jun 2012 18:00:12 GMT

I would like to see an MVC 3 sample as well. This is not working for me. I am getting the following error when rendering:

Compilation Error

Description: An error occurred during the compilation of a resource required to service this request. Please review the following specific error details and modify your source code appropriately.

Compiler Error Message: CS1502: The best overloaded method match for 'System.Web.Mvc.HtmlHelper.Raw(string)' has some invalid arguments

Source Error:


Line 7:  <h2>@ViewBag.Message</h2>
Line 8:  
Line 9:  @Html.Raw(Html.Grid(new GridControl()
Line 10:               .SetName("grid")
Line 11:               .SetPageSize(10)

Source File: c:\Users\gmattox\Documents\Visual Studio 2010\Projects\jqGridSample\UI.Web\Views\Home\Index.cshtml Line: 9

Here is my code:

@using MVC.Controls.Grid

@{
    ViewBag.Title = "Home Page";
}

<h2>@ViewBag.Message</h2>

@Html.Raw(Html.Grid(new GridControl()
              .SetName("grid")
              .SetPageSize(10)
              .SetIsAutoSize(true)
              .SetListUrl("Home/List")
              .SetHeight("200")
              .AddColumn(new GridColumnModel("Id").SetAsPrimaryKey())
              .AddColumn(new GridColumnModel("Name"))
              .AddColumn(new GridColumnModel("CompanyName"))
              .AddColumn(new GridColumnModel("Price"))
         ))

New Post: Dynamically add columns to GridColumnModelList

friedx — Tue, 15 May 2012 15:02:33 GMT

I need to store different configurations (profiles) of a particular grid and load them at runtime according to the logged in user.

I have a class ProfileColumn - a list of these are returned for the selected grid from the db and I then need to assign them to the GridColumnModelList - something like:

public  class ProfileColumn 
{      
	public int Id { get; set; }
	public string Caption { get; set; }
	public string Name { get; set; }
	public bool IsEditable { get; set; }
	public bool IsHidden { get; set; }
}  

public class GridProfile<T> where T : class    
{
	public GridColumnModelList<T> Columns { get; private set; }
	public int Id { get; set; }
	public string Name { get; set; }
	public int GridId { get; set; }

	public GridProfile() {}

	public GridProfile(int profileId)
	{
		Id = profileId;
		Columns = GetColumns();
	}

	protected GridColumnModelList<T> GetColumns()
	{
		var columns = new GridColumnModelList<T>();
		List<ProfileColumn> cols = GetProfileColumns(profileId);
		foreach (var profileColumn in cols)
		{
			var column = profileColumn;
			columns.Add(x => new GridColumnModel(column.Name)
				.SetHidden(column.IsHidden)
				.SetEditable(column.IsEditable)
				);
		}
		return columns;
	}
}

The GridColumnModelList is populated with the correct amount of columns but the properties are never set.

Is there a way to do this?

New Post: Displaying dates with ToGridData

staplefordbill — Fri, 23 Mar 2012 13:39:30 GMT

The formatting does not work if the data source includes null dates. The "Loading" text is displayed but the control fails to get any further. A JavaScript exception is thrown - "Uncaught TypeError: Cannot read property 'constructor' of null".

I can make the problem go away by setting hidden for a primary key column to false, but it reappears when I show another page of results.

New Post: How to change sortname property?

pauljame — Thu, 15 Mar 2012 12:14:24 GMT

How can I change de default value?

Thanks

New Post: Grid error

AlexeyZah — Sun, 04 Mar 2012 02:23:50 GMT

I try to use Grid Control on MVC 3 and Razor engine - error don't raise, but grid is not rendering. Here my code:

@using MVC.Controls.Grid

@Html.Grid(new GridControl().SetName("grid")
        .SetPageSize(10)
        .SetIsAutoSize(true)
        .SetHttpVerb(HttpVerbs.Get)
                .SetDataSource(Model)
            .SetColumns<ZxSpectrumPortal.Models.GameModel>(cs =>
{
    cs.Add(x => x.GameName);
    cs.Add(x => x.GameYear).SetAsPrimaryKey();
    cs.Add(x => x.GameGenre);
    cs.Add(x => x.GameFile);
            }))

Rendering part of control:

<table id="grid"></table>
<div id="gridPager"></div>
<script language="javascript" type="text/javascript">grid_dataSource = [{"GameName":"weqe","GameYear":213123,"GameGenre":"asdasd","GameFile":"asdads"},{"GameName":"qwqwe","GameYear":21312,"GameGenre":"asAS","GameFile":"asdasd"},{"GameName":"gfdgdf","GameYear":32423,"GameGenre":"fsdfsd","GameFile":"werwerwer"},{"GameName":"newgame","GameYear":1111,"GameGenre":"1111","GameFile":"1111"}];</script><script language="javascript">$(document).ready(function() {
$("#grid").jqGrid({
url: "",
data: grid_dataSource,
datatype: "local",
colNames: ["GameName","GameYear","GameGenre","GameFile"],
colModel: [{ name: "GameName", index: "GameName", width: 50, align: "center", sortable: true, editable: true, hidden: false, edittype: 'text'}, 
{ name: "GameYear", index: "GameYear", width: 50, align: "center", sortable: true, key: true, editable: true, hidden: false, edittype: 'text'}, 
{ name: "GameGenre", index: "GameGenre", width: 50, align: "center", sortable: true, editable: true, hidden: false, edittype: 'text'}, 
{ name: "GameFile", index: "GameFile", width: 50, align: "center", sortable: true, editable: true, hidden: false, edittype: 'text'}],
rowNum: 10,
prmNames: {id: "GameYear"},
ngridComplete: function f(){updateButtonState($('#grid'));},
rowList: -1,
pager: $("#gridPager"),sortname: "GameName",
autowidth: true,
onSelectRow: function(id){updateButtonState($('#grid'));
if ($("#Id").length == 0) {return;}$("#Id")[0].value = $("#grid").getRowData(id).GameYear;},caption: ""});
$('#grid').navGrid('#gridPager',{add: false, edit:false, del: false, search: true, view: false, refresh: true},{afterSubmit:handleMvcResponse}, {afterSubmit:handleMvcResponse}, {afterSubmit:handleMvcResponse}, {multipleSearch:true});
});

</script>

Can anyone help??