Telerik Forums
Kendo UI for jQuery Forum
3 answers
172 views

Found a bug in the current time picker when trying to clear a value out. Please see the dojo:

 

https://dojo.telerik.com/@rareddy/IWijojuf

Steps to reproduce the bug are on the page:

 

Click "Clear Time".
Then click the time icon to set a new time
The time control pops up. Immediately click "Set" with the default time controls chosen. "12:NaN PM" appears in the time selection and cannot be set to a valid time.

Angel Petrov
Telerik team
 answered on 29 Sep 2020
7 answers
1.9K+ views

Hello,

I understand that Kendo UI uses eval calls in its internal template engine.  Are there any plans to develop a workaround that support the rendering of Kendo UI widgets which comply with a strict Content Security Policy that omits the 'unsafe-eval' keyword from the 'script-src'?

Thank you for your time.

Ivan Danchev
Telerik team
 answered on 29 Sep 2020
1 answer
138 views

Hi, I follow the documentation about un-selecting an item in a treeview, like this: 

 

ktv.select($());

After, if I call ".select()", there's no node returned.  And, if I search for k-node-selected", there's also none.

BUT

the node with id "(id-of-treeview)_tv_active" is still there.  And, because we used it for some query, we got errors.

When we create a treeview from a div called <div id="test"></div>

The selected node gets its ID set to id="test_tv_active".

First, I don't think you should use an "id" for that.

And, you can fix the "unselect" by also removing the id from that item when we un-select it.

 

Neli
Telerik team
 answered on 29 Sep 2020
3 answers
154 views
Hi,
I want to disable particular dropDownList in IE but its not working, while in Mozilla its working fine.

I written following code as

// get reference of particular dropDownList component
var dropdownlist = $('#dropDownID').data("kendoDropDownList");
// disable the dropdown
dropdownlist.enable(false);

Thanks,
Nilesh Mantri
Dimitar
Telerik team
 answered on 29 Sep 2020
1 answer
719 views

Hello,

I will try to expain as best as I can, it's not straighforward issue.

In my project we had grids with virtual scrolling AND paging. As we know, this is not a good idea. 

In order to fix that, I removed the paging, leaving only virtual scrolling. Following the best practices I could find, the grid height and row height are fixed:

.k-virtual-scrollable-wrap td {     white-space: nowrap; }

.k-virtual-scrollable-wrap tr {     height: 40px; }

Scrolling works great but the grid always has some empty space in the bottom (grid_empty_bottom.png). After some investigation, it seems the k-grid-content element is always rezised to less height than the specified height (grid_html.png).

The only way I could find to fix it is to, on dataBound event, to change grid's css to match the k-grid-content element height:

const groupingHeaderHeight = this.widgetElement.find('.k-grouping-header').outerHeight();
const columnHeaderHeight = this.widgetElement.find('.k-grid-header').outerHeight();
this.widgetElement.find('.k-grid-content').height((this.activeGridOptions.height as number) - groupingHeaderHeight - columnHeaderHeight);

For reference, the grid work with client side data, the data is fetched from the server and the dataSource is added to grid (grid.setDataSource method) after grid instantiation.

The grid is also filterable, sortable, groupable and reorderable.

 

Tsvetomir
Telerik team
 answered on 29 Sep 2020
14 answers
663 views
Hello,

Viewing the demos of the grid in an ipad,
i try to resize a column, but can´t, how do it?
Tsvetomir
Telerik team
 answered on 29 Sep 2020
9 answers
1.4K+ views

I am using following code alongside multiple other inputs:

 

     @(Html.Kendo().DropDownListFor(m => m.CountryId)
                              .HtmlAttributes(new { id = "CountryId" })
                              .OptionLabel("Select country")
                              .DataTextField("CountryName")
                              .DataValueField("CountryId")
                              .BindTo(UnityConfig.GetConfiguredContainer().Resolve<ISlViewModelBaseData>().GetCountries(SlLanguage.DefaultLanguageId))
                              .Enable(true)
                            )

    @Html.ValidationMessageFor(m => m.CountryId)

Problem:

After sending the form without selecting any value from the list the dropdown box is bound, the form validation prevents from further action indicating an input error. That's fine.

But after selecting a value and resending the form, the dropdown value is set back to OptionLabel "Select country".

Inspecting with Fiddler reveals that the submitted form did not contain the field CountryId anymore.

Sending the form directly with a selected value works fine, thogh.

I assumed, that something on the post back after the sent invalid form went wrong but the response seems to be just fine.

Could this be a bug?

 

kind regards

Kay

Ivan Danchev
Telerik team
 answered on 28 Sep 2020
1 answer
1.0K+ views

Hi,

I am using Kendo Grid for the first time. The existing page already has the kendo UI grid, I am trying to add a filter dropdown to one of the existing columns. I want the dropdown to show the unique list of values from the grid itself. 

<asp:Content ID="Content1" ContentPlaceHolderID="MyPage" runat="server">
    <script>


        function RefreshTables() {

            var viewType = document.getElementById('<%=hfEmployeeTypeId.ClientID%>').value
            var myChartModel = kendo.data.Model.define({
                id: "myChartId",
                fields: {
                    PatientId: {
                        type: "number"
                    },
                    PatientName: {
                        type: "string"
                    },                    
                    DoctorFullName: {
                        type: "string"
                    },
                    Impression: {
                        type: "string"
                    }
                }
            });

            $("#gvMyChart").kendoGrid({
                sortable: true,
                dataSource: {
                    schema: {
                        model: myChartModel
                    }
                },
                pageable: {
                    pageSize: 20,
                    pageSizes: true
                },
                filterable: {
                    extra: false
                },
                columns: getColumns(viewType),
                resizable: true
            });


            if ($("#gvMyChart").data("kendoGrid")) {
                $("#gvMyChart").data("kendoGrid").hideColumn("PatientId");
            }
        }
        function getColumns(viewType) {
            var Columns = [{
                width: 1,
                field: "PatientId"
            }, {
                width: 180,
                field: "PatientName",
                title: "Patient Name",
                attributes: { style: "text-decoration: none;color: White;white-space: nowrap;" },
                template: "<a href='javascript:openPatientSummaryWindow(#=PatientId#)'>#=PatientName#</a>",
                filterable: false
            }, {
                width: 180,
                field: "ReferringDoctorDescription",
                title: "Referring Doctor",
                filterable: true
            }, {
                field: "Impression",
                title: "Impression",
                filterable: false
            }];

return Columns;
            
        }

    </script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MyTableContent" runat="server">
    <asp:GridView ID="gvMyChart" runat="server" DataSourceID="dsMyCharts"
        GridLines="None" Enabled="True" Visible="True" AutoGenerateColumns="False"
        Width="100%" OnDataBound="gvMyChart_DataBound" CssClass="GridViewStyle" ClientIDMode="Static">
        <Columns>
            <asp:BoundField HeaderText="PatientId" DataField="PatientId" />
            <asp:BoundField HeaderText="Patient Name" DataField="PatientName" />            
            <asp:BoundField HeaderText="Referring Doctor" DataField="ReferringDoctorDescription" SortExpression="ReferringDoctorDescription" />
            <asp:BoundField HeaderText="Impression" DataField="Impression" SortExpression="Impression" />

        </Columns>
        <FooterStyle CssClass="GridViewFooterStyle" />
        <RowStyle CssClass="GridViewRowStyle" />
        <PagerStyle CssClass="GridViewPagerStyle" />
        <AlternatingRowStyle CssClass="GridViewAlternatingRowStyle" />
        <HeaderStyle CssClass="GridViewHeaderStyle" />
    </asp:GridView>
    <asp:ObjectDataSource ID="dsMyCharts" runat="server" TypeName="MyLibrary.MyPage"
        OldValuesParameterFormatString="original_{0}" SelectMethod="GetMyCharts">
        <SelectParameters>
            <asp:ControlParameter ControlID="ddlPractices" Name="LocationIds" PropertyName="SelectedValue" />
            <asp:Parameter Name="user" Type="Object" />
        </SelectParameters>
    </asp:ObjectDataSource>
    <asp:HiddenField ID="hfEmployeeTypeId" runat="server" Value=""></asp:HiddenField>

</asp:Content>

So, how to create a dropdown filter for ReferringDoctorDescription field and have the dropdown show the values from the result of the column?

Alex Hajigeorgieva
Telerik team
 answered on 28 Sep 2020
2 answers
1.4K+ views
I am doing this directly on the ajax demo page. so you can test it for yourself.
I used firebug console and I binded a select hander on the panelbar.
$("#panelbar").data('kendoPanelBar').bind('select', function (e) { e.preventDefault(); });
You can see when you click on a panel, it is expanded and the underlying ajax call is made
The preventDefault is not taken into account.

I had to use recursion to make work as it is supposed to
var event= $("#panelbar").data('kendoPanelBar').bind('select', function (e) { event.preventDefault(); });


John
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 28 Sep 2020
3 answers
301 views
Hello,
we have just upgraded to Kendo UI Web v2012.1.503.

I currently have 2 columns in my grid (col1 and col2)... after clicking add new record and populating
col1 with text the save event is fired... e.model.Col1 is empty although their is text in the control.
I then proceed in populating col2 with text inspecting the event arguments now shows 
e.model.Col1 with the correct text but e.model.Col2 is empty. Only when I proceed and edit one of fields 
for the third time are both event arguments populated but the actual argument value is not in sync
with the actual value in the grid column.Is this a known issue as I want to make a call to the server
only when both argument fields are populated and reflect the actual values in the grid.


Many thanks in advance.

Tsvetomir
Telerik team
 answered on 28 Sep 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?