Hi,

how can the we bind the json data for the chart.

Need to Call the JSON method in the controller

Is there a way to change the text of the Loading animation after it has been initialized ?


Best regards,

In July of this year Dimo added a nice example of dynamically resizing a grid.  A link to his post is here. This works very well unless you enable grouping on that same grid.

I took his jsfiddle and added a groupable: true --> http://jsfiddle.net/SDFsz/98/.

This works great when you resize but it doesn't work on the first run ( that is when resizeGrid gets called from DataBound event ).

Is there any event that fires after the Grouping box actually gets created and sized?

I have an array of objects that are read from a JSON file. I am having difficulty referencing attributes of the child object of the parent. What is the correct syntax or what step am I missing to accomplish what I am trying to do (which is conditional template formatting)? Any help would be appreciated. Thanks.

In this example, "control.type" is what I am after in the edit template.

My static JSON looks like this...

[
{"questiontext":"Please enter the first name.","control":{"@type":"textbox","@label":"First Name"},"answer":null,"comment":"This is where the comment goes"},
{"questiontext":"What is the status?","control":{"@type":"combobox","@label":"Status:","item":[{"@key":"Open","@value":"OP"},{"@key":"Canceled","@value":"CO"},{"@key":"Closed","@value":"CL"},{"@key":"Complete","@value":"CO"}]},"answer":null,"comment":null},
{"questiontext":"What is the status?","control":{"@type":"radiobutton","@label":"Status:","item":[{"@key":"Open","@value":"OP"},{"@key":"Canceled","@value":"CO"},{"@key":"Closed","@value":"CL"},{"@key":"Complete","@value":"CO"}]},"answer":null,"comment":null},
{"questiontext":"What was the date of the incident?","control":{"@type":"datetime","@mask":"datetime","@label":"Date:"},"answer":null,"comment":null}
]

I'm a little confused on how I can determine which objects are selected in the ListView... 

Thanks in advance for the help.

I am trying to implement a GRID having columns with different images.

Folloing is the logic for showing 'IsLocked' and 'IsLocked' as a boolean (TRUE/FALSE) on the GRID. Those boolean values we pass through
the LIST 'SeriesValues'.

I have been asked to show different images for BOOLEAN values.
for excample
if 'IsLocked' ==TRUE then
    show image1.ico
else
    show image2.ico

  <div data-bind="kendoGrid: { data:  SeriesValues, columns: [{field: 'IsLocked', title: 'Is Locked', width: 150}, {field: 'IsValid', title: 'Is Valid', width: 150},
   {field: 'PeriodEnd', title: 'Period End', template: '#= moment(new Date(PeriodEnd)).format(\'YYYY-MM-DD HH:mm\') #', width: 250},
   {field: 'Quantity', title: 'Quantity', width: 150},
   {field: 'QualityIndex',title: 'Quality Index'}], scrollable: true, sortable: true}" style="height: 200px"></div>
 </div>

Dear Kendo Team,

I am using a kendo combobox which displays util codes which belongs to each customer water meter. When user selects one
util code the kendo grid will populate the meter reading belongs to that meter. Now suppose that the user selects one customer 
util code from kendo combobox it is calling a handler HandlerGetUtilsDetails.ashx. 

My first question is the handler get called twice when I choose a util code. This was recognize as a bug in kendo combobox Our developers are still facing this issue.Is there anyway that we can prevent multiple calls to the handler?

The second issue is think that you get some results for a given util code. You should be able to navigate through the grid
using the paging available. Suppose you want to check another util code then the user will again choose the relavent util
code. Now the problem is the user navigates to the end of the result using the page numbers and select go to first page
button in the kendo grid navigation bar. Now instead of showing the first page of the current records it shows previous
result  first page( result belongs to the previous util code details which the user browse little bit earlier).

I am sending my code to you guys to review. A quick solution is highly appreciated because we cannot go down with development.
Cheers!!!

My code block looks like this

<script type="text/javascript">
    
$(document).ready(function () {
   $("#DropDownList1").width(500).kendoComboBox();

var destroyer1;
var destroyer2;

$("#DropDownList1").kendoComboBox({
placeholder: "Select Meter...",
dataTextField: "Display",
dataValueField: "CustCode",

suggest: true,
dataSource: {
serverFiltering: true,
serverPaging: true,
transport: {
read: function (options) {
var persons;
var new_obj;
var done;
destroyer1 = $.ajax({
url: "HandlerGetUtils.ashx",
dataType: "text",
success: function (result) {
// notify the DataSource that the operation is complete
persons = '';
persons = result.split(",");
new_obj = { data: [] };
for (var a = 0; a < persons.length - 1; a++) {
var temp = persons[a].split(":");
for (var b = 0; b < 1; b++) {
    
if (temp[2] == "" && temp[1] != "undefined") {
new_obj.data.push({
CustCode: temp[0] + "," + temp[1],
UtilCode: temp[1],
Display: temp[1] + "-" + temp[3]
});
done = new_obj.data;
result = done;
options.success(result);
}
if (temp[2] != "" && temp[1] != "undefined") {
new_obj.data.push({
CustCode: temp[0] + "," + temp[1],
UtilCode: temp[1],
Display: temp[1] + "-" + temp[2]
});
done = new_obj.data;
result = done;
options.success(result);
}
}
    
}
    
}
});
}
}
}
});
    
var combobox = $("#DropDownList1").data("kendoComboBox");
    
combobox.bind("change", function (e) {
// handle event
 
// bind to the change event
var value1 = combobox.value();
var valueselector = value1.split(",");
var text1 = combobox.text();
var hell = null;

destroyer2 = $.ajax({
url: "HandlerGetUtilsDetails.ashx",
data: { utilcodes: EncodeURIC(valueselector[1]), customercodes: EncodeURIC(valueselector[0]) },
dataType: "json",
   cache:false,
success: function (result) {
   // notify the DataSource that the operation is complete
   if (valueselector[1] != "undefined" && valueselector[1] != null && valueselector[1] != "" ) {
       
       if (result != "" && result != "undefined" && result != null && result != "[]") {
           hell = null;
           hell = result;
           $("#gridMeterReading").kendoGrid({
               dataSource: {
                   data: hell,
                   pageSize: 12,
                   schema: {



                       model: {

                           fields: {
                               ReadDate: { field: "ReadDate", type: "date", format: "{0:dd/MM/yyyy}" },

                           }
                       }
                   }
               },

               pageable:true,
               groupable: true,
               sortable: true,
               scrollable: false,
               filterable: true,
               columns: [
                                    { field: "Meter", title: "Meter" },
                                    { field: "ReadDate", title: "ReadDate", type: "date", format: "{0:dd/MM/yyyy}" },
                                    { field: "Reading", title: "Reading" },
                                    { field: "UtilCode", title: "UtilCode" },
                                    { field: "Actual", title: "Actual" }

               ]








           });
                            
       

           var dataSource = $("#gridMeterReading").data("kendoGrid").dataSource;
           var filters = dataSource.filter();
           var allData = dataSource.data();
           dataSource.cache(false);
           var historyCount = history.length;
           history.go(-historyCount);

       }
       else{

                            
           var data = "";
           var dataSource = new kendo.data.DataSource({
               data: data,
               pageSize: 12
           });
           $("#gridMeterReading").kendoGrid({
               dataSource: dataSource,
               pageable: true,
               groupable: true,
               sortable: true,
               scrollable: false,
               filterable: true,

               columns: [
                                    { field: "Meter", title: "Meter" },
                                    { field: "ReadDate", title: "ReadDate" },
                                    { field: "Reading", title: "Reading" },
                                    { field: "UtilCode", title: "UtilCode" },
                                    { field: "Actual", title: "Actual" }

               ]

           });
       }

      
   }
}
});

});
    
});
</script>

  
hai i was trying with batch editing , i could retrieve only max 15,000 rows if the count exceeds more than 15,000
nothing is coming  ?? .. please help 


// model 

public partial class ItemMaster
    {
        public string Item_Code { get; set; }
        public string Item_Name { get; set; }
    }


// controller

  public class itemController : Controller
    {
        Entities db = new Entities();

        public ActionResult index()
        {
            return View();
        }

        public ActionResult Editing_Read([DataSourceRequest] DataSourceRequest request)
        {
            return Json(SessionProductRepository.All().ToDataSourceResult(request));
        }

        [AcceptVerbs(HttpVerbs.Post)]
        public ActionResult Editing_Create([DataSourceRequest] DataSourceRequest request, [Bind(Prefix = "models")]IEnumerable<ItemMaster > products)
        {
            var results = new List<ItemMaster >();

            if (products != null && ModelState.IsValid)
            {
                foreach (var product in products)
                {
                    SessionProductRepository.Insert(product);
                    results.Add(product);
                }
            }

            return Json(results.ToDataSourceResult(request, ModelState));
        }

        [AcceptVerbs(HttpVerbs.Post)]
        public ActionResult Editing_Update([DataSourceRequest] DataSourceRequest request, [Bind(Prefix = "models")]IEnumerable<ItemMaster > products)
        {
            if (products != null && ModelState.IsValid)
            {
                foreach (var product in products)
                {
                    var target = SessionProductRepository.One(p => p.Item_Code  == product.Item_Code );
                    if (target != null)
                    {
                        target.Item_Name   = product.Item_Name;
                       
                        SessionProductRepository.Update(target);
                    }
                }
            }            

            return Json(ModelState.ToDataSourceResult());
        }

        [AcceptVerbs(HttpVerbs.Post)]
        public ActionResult Editing_Destroy([DataSourceRequest] DataSourceRequest request, [Bind(Prefix = "models")]IEnumerable<ItemMaster > products)
        {            
            if (products.Any())
            {
                foreach (var product in products)
                {
                    SessionProductRepository.Delete(product);
                }
            }

            return Json(ModelState.ToDataSourceResult());
        }
    }


//SessionProductRepository
 
public class SessionProductRepository
    {  
        public static IList<ItemMaster > All()
        {
            IList<ItemMaster> result = (IList<ItemMaster>)HttpContext.Current.Session["item"];
            if (result == null)
            {
                Entities DB = new Entities();
                HttpContext.Current.Session["item"] = result = DB.ItemMasters;
                    
                 
            }
            return result;
        }
        
        public static ItemMaster One(Func<ItemMaster, bool> predicate)
        {
            return All().Where(predicate).FirstOrDefault();
        }
        
        public static void Insert(ItemMaster product)
        {
            product.Item_Code = All().OrderByDescending(p => p.Item_Code ).First().Item_Code  + 1;
            All().Insert(0, product);
        }
        
        public static void Update(ItemMaster product)
        {
            ItemMaster target = One(p => p.Item_Code  == product.Item_Code );
            if (target != null)
            {
                target.Item_Code = product.Item_Code;
                target.Item_Name  = product.Item_Name; 
            }
        }
        
        public static void Delete(ItemMaster product)
        {
            ItemMaster target = One(p => p.Item_Code  == product.Item_Code);
            if (target != null)
            {
                All().Remove(target);
            }
        }
    }
     
// my view 


@(Html.Kendo().Grid<MvcApplication1.Models.ItemMaster>()    
    .Name("Grid")    
    .Columns(columns => {        
        columns.Bound(p => p.Item_Code );
        columns.Bound(p => p.Item_Name ).Width(140); 
        columns.Command(command => command.Destroy()).Width(110);
    })
    .ToolBar(toolbar => {
        toolbar.Create();
        toolbar.Save();        
    })
    .Editable(editable => editable.Mode(GridEditMode.InCell))
    .Pageable()
    .Sortable()
    .Scrollable()
    .DataSource(dataSource => dataSource
             
        .Ajax()         
        .Batch(true)
        .ServerOperation(false)
        .Events(events => events.Error("error_handler"))
        .Model(model => model.Id(p => p.Item_Code ))
        .Create("Editing_Create", "item")
            .Read("Editing_Read", "item")
            .Update("Editing_Update", "item")
            .Destroy("Editing_Destroy", "item")
    )
)
<script type="text/javascript">
    function error_handler(e) {
        if (e.errors) {
            var message = "Errors:\n";
            $.each(e.errors, function (key, value) {
                if ('errors' in value) {
                    $.each(value.errors, function () {
                        message += this + "\n";
                    });
                }
            });
            alert(message);
        }
    }
</script> 

Hi there,
I've got a datatype with a RoundID identity column which is generated in the database. This means that it shouldn't be edited, and it will be automatically populated when a new record is added. I would like to display it as read only.
I see from various places that there used to be a .Bound().ReadOnly() method, but this seems to be missing from the latest version. Am I missing something?
If not, can somebody point me in the direction of how to create a custom template or some such to make this work?

Thanks

Hi, Sorry for the dumb question, but I am VERY new to MVC.  i am trying to lean how to use the Kendo UI Grid to display data from a model.  I am trying to  following the "local data" example but i get the compile error message:
Compiler Error Message: CS1502: The best overloaded method match for 'Kendo.Mvc.UI.Fluent.WidgetFactory.Grid(System.Data.DataTable)' has some invalid arguments

The code is below.  It's pretty basic, doesn't do anything.  I just want to get something to display. I have seen similar questions posted, but I am so new to this stuff that the answers just aren't making sense yet.  Thanks in advance for helping the newbie!

my cshtml looks like this:

Model looks like this: