Hello,

I am new to Kendo UI and I am having some trouble trying to create a window dialog with datepickers in it.

The first time I load it, it looks great.

Then I close it, open it again and the datepickers don't seem to load properly.

Can you help me or point me in the right direction?

Here's my code:

 

Hi,

I'm developing a large industry SPA portal on AngularJS and faced several issues with Grid filtering:

1. Column template supports AngularJS directives, but column filter "itemTemplate" isn't:

                   template: "<the-column value='#= TheColumnValue #'></the-column>",
                   filterable:
                    {
                        multi: true,
                        itemTemplate: function(e) {

                            // some conditions here
                            return "<the-column-filter></the-column-filter>";
                        }
                    }

In this code snippet GridColumn's template field works as expected (directive the-column is recognized), but the-column-filter directive, referenced in filter itemTemplate is not recognized and just ignored.

Even worse is that if I started providing filterable option, localization in this specific column resets to default language (en-US):

http://take.ms/Byorr

2. Another localization problem reproduced with "Is null" and "Is not null" operators. As opposed to other operators, these two have no translations to RU:

http://take.ms/zj2rV

But when I tried to provide my own translations for them, other criterias just disappeared:

http://take.ms/Q6wL2

Please, give me a hint to workaround these problems or fix them if possible.

Thank you

Hi
could you provide a sample code to debug javascript code ?
Thanks

Hi,

I have an issue with draggable ui element. I'm trying to achieve following:

 

- I have a widget that essentially a div (no plugins).

- I have an iframe inside that div.

- I applied draggable to that widget

I need to see widget when I drag it around. This is why I use 'hint' but because it's a copy of original iframe, it doesn't preserve it's state, it reloads the whole page again, and if user navigated inside the iframe, lets say he scrolled, it's not even the same look.

Is there any possibility that I can drag the same element but not the copy?

Thank you.

Hi,

Pressing the ESC key will normally close a kendo window. But when the kendo window contains an iframe, then pressing the ESC key wont close the window. For instance I have a kendo window containing an iframe, which in turn contains an input text component. Upon opening of the window the input text component gets the focus. Pressing the ESC button now won't close the window. Any suggestions on how to get this scenario working?

Regards,
Ron

How do I right align currency in a grid cell?

     1st Grid in a partial view which is rendering fine:

    @(Html.Kendo().Grid<OpenInvoicesInfo>()
      .Name("OpenInvoiceGrid")
      .ColumnMenu(i => i.Columns(false))
      .Columns(columns =>
      {
          columns.Bound(p => p.INVOICE).ClientTemplate("<input type='checkbox' value='#= INVOICE #' class='testclass'  />").Width(4);
          columns.Bound(i => i.INVOICE).Title("Invoice").Width(15);


    2nd grid rendering fine intially with initial given invoices but not sure how to get selected checkbox invocies from first grid and updated 2nd grid

    @(Html.Kendo().Grid<CustomerComments>()
      .Name("CustomerCommentsGrid")
      .ColumnMenu(i => i.Columns(false))
      .Columns(columns =>
      {
          columns.Bound(i => i.Invoice).Title("Invoice").Width(15);
          columns.Bound(i => i.Comment).Title("Comment").Width(40);

      }).Pageable(pageable => pageable
          .Refresh(true)
      )
      .Scrollable()
      .Sortable()
      .Filterable()
      .DataSource(dataSource => dataSource
          .Ajax().UseJniErrorHandler()
          .PageSize(10)
              .Read(read => read.Action("GetCustomerComments", "Maint"))
      )
)

    <script type="text/javascript">
        function GetAllInvoicesComments() {
            var result = [];
            var items = $("#OpenInvoiceGrid").find(".testclass").filter(":checked");
            items.each(function () {
                result.push({
                    Value: $(this).val(),
                    Checked: true
                });
            });

            $.ajax({
                url: webManager.resolveUrl("~/maint/GetCustomerComments"),
                //data:  
                method: "POST",
                data: { invoices:result},
                success: function () {
                    var grid = $('#CustomerCommentsGrid').data('kendoGrid');
                    grid.dataSource.read();
                    grid.refresh();
                },
                error: function () {
                    alert('an error occurred');
                }    
            });
        }

</script>

      2nd Grid's Controller - I am able to invoke and able to pass selected invoices in parameter:

        public ActionResult GetCustomerComments([DataSourceRequest] DataSourceRequest request, string invoices)
        {   
            invoices = "'F300003634','F300003764'";//hard coding to see it first time     
            List<JNI.Enterprise.Contracts.CustomerComments> customer = InvoiceService.GetCustomerComments(invoices);

            return Json(customer.ToDataSourceResult(request));
        }

Problem is it is again getting called because of this .Read(read => read.Action("GetCustomerComments", "Maint")) and I don't want to call them 2nd time only call once when page is loaded initially.

Thank you.

Also wondering is it possible to update grid if it is in different partail view?
Right now just FYI 2nd partial view with 2nd grid (from 1st partial view) is not loading.

I have 2 comboboxes that will be used to filter data in a kendo grid.  I am trying to filter the second combobox's data based on the selection from the first combobox.  Both comboboxes retrieve their data from Angular service methods.  The data is an array, and then I add an extra record at the beginning of each array in case no filter is requested.  In the select option of the first combobox, I have a method that will place a filter on the second combobox's dataSource.  It requires two filters due to including the extra record.  I have included an "or".  However, when I run the code, my filter is showing up with an "and".  Is it not possible to use two filters that filter on different fields with an "or"?

I am including the important parts of the code below. I was trying to follow the examples, but it just seems to use "and" for my filter.  

Thanks for any assistance on this!!

Hi,

I have a problem with Kendo Editor using AngularJs.

When I insert some empty lines (enter), and save, it adds ng-scope to the paragraphs. So when it reloads the value, the placeholder crashes.

Was wondering if you could help me with that.

Please take a look at the attached screenshot.

 

Thanks

 

In a Kendo Grid, I have a column that contains a date.  I'm using this method for inserting my own control into the cell to edit the date:

In the column definition I have this:

So far this works great.  Now I wanted to add custom validation to this control, so in the model I have a field defined like this:

This works as far as the validation as it doesn't allow me to leave the field unless my validation method returns true, but the error message won't show on the field and I've tried several methods to try to get it to show up.  I assume the problem is in dateTimeEditor() where I'm defining the date edit control.

You can see this in action in this fiddle: Probe Data Entry

Thanks in advance!