Telerik Forums
Kendo UI for jQuery Forum
1 answer
129 views
Hi,

Is it possible to allow drag-drop to only last level of tree?
Check out the below example, in this i just want to allow drag-drop to only "item 1.1.1 to item 1.1.4" and that should not be dragable outside of its own UL.

• Item 1
• Item 1.1
•  Item 1.1.1
•  Item 1.1.2
•  Item 1.1.3
•  Item 1.1.4
• Item 1.2
• Item 1.3
• Item 2

How could is this possible? Please suggest.

--
Thanks
Pratik Shah
  • pratik
    Top achievements
    Rank 1
     answered on 20 Jan 2012
    2 answers
    346 views
    Not sure if this question should be asked here or in the grid forum.

    I am trying to add a dropdownlist to a grid header template however its not working.

    I have moved the dropdownlist outside of the template and it works fine.

    Do I need to do something special to enable this to work?
    Shane P
    Top achievements
    Rank 1
     answered on 20 Jan 2012
    1 answer
    196 views
    Hello,

    I set my culture in Romanian input

    kendo.culture('ro');

    Then, i set the value of a textbox like this

    $("#valueInput").val(kendo.toString(100000.25, "c"));  // creates "100.000,25 lei"

    How can i get the formated value back to original, but keeping the culture format? (without using the .kendoNumericTextBox plugin)

    For example, "100.000,25 lei"  changes to "100000,25"  (note that decimals separator is a coma , )

    Thank you
    Georgi Krustev
    Telerik team
     answered on 20 Jan 2012
    0 answers
    57 views
    Hi!
    Are there any plans to create a KendoCounter which uses animation to show a count?

    Thanks,
    Valanto
    Valanto
    Top achievements
    Rank 1
     asked on 20 Jan 2012
    0 answers
    96 views
    hi~
    I ask one more question. ^^

    If we use labels' option rotation, we show label various way.

    But I want to show label text like next.

    ex) abcdef  -> a
                           b
                           c
                           d
                           e
                           f

    How do i do? Please~
    Min
    Top achievements
    Rank 1
     asked on 20 Jan 2012
    8 answers
    223 views
    Hi,

    I found out that the grid is not sorted any more when you scroll the grid up and down, if the virtualization is on. Any idea how to resolve this issue? Thanks in advance.

    Please reference the link http://jsfiddle.net/BkCTL/3/ for example.

    Best,
    Mo
    Rosen
    Telerik team
     answered on 20 Jan 2012
    3 answers
    1.9K+ views
    I'm stuck and need some help to:
    • move the expand/collapse arrow from the right to the left of the bar
    • remove all the borders from the panelbar, including child items and their items if any
    • override the heading of the panelbar items
    • override child items text colour/font/size

    I've used the theme designer to do what I want but this affects all controls, not just the panelbar...

    Dimo
    Telerik team
     answered on 20 Jan 2012
    3 answers
    153 views
    Hi I'm using the kendo grid control, i can get the columns to display and if i enter the data using the following method :

      $(document).ready(function(){
          $
    ("#grid").kendoGrid({
              columns
    :[
                 
    {
                      field
    : "FirstName",
                      title
    : "First Name"
                 
    },
                 
    {
                      field
    : "LastName",
                      title
    : "Last Name"
             
    }],
              dataSource
    : {
                  data
    : [
                     
    {
                         
    FirstName: "Joe",
                         
    LastName: "Smith"
                     
    },
                     
    {
                         
    FirstName: "Jane",
                         
    LastName: "Smith"
                 
    }]
             
    }
         
    });
     
    });


    The data will display too, however i am trying to populate the grid from an array and thus am using this method:

     $("#grid").kendoGrid({
         data
    : people
     
    });

    My data however will not appear i just get the column headings, please find my code below:

    var Container = document.getElementById("divReportContainer");
        Container.innerHTML = "";
        OutputText += "<table id=\"grid\">";     
        OutputText += "<thead>";
        OutputText += "<th data-field=\"strObjectDescription\">Object Description</th>";
        OutputText += "<th data-field=\"dblPercentageLength\">% of Total Actual Length</th>";
        OutputText += "<th data-field=\"dblActualLength\">Total Actual Length(ft)</th>";
        OutputText += "<th data-field=\"intPlanogramsCount\">Count of Planograms</th>";
        OutputText += "</thead>";
        OutputText += "</table>"
        Container.innerHTML = OutputText;

      $("#grid").kendoGrid();
            var MyArray = [{ strObjectDescription: "Test", dblPercentageLength: "1", dblActualLength: "21", intPlanogramsCount: "3"}];
          


            $("#grid").kendoGrid({
                data: MyArray
            });

    please could someone advise where i am going wrong???
    Naveen
    Top achievements
    Rank 1
     answered on 20 Jan 2012
    4 answers
    552 views
    I have 3 columns returning with my data source that are Boolean values (True/False). I couldn't figure out how to designate them as a data type of Boolean to actually evaluate them, so I'm bringing them back as strings and evaluation them as == "True" or "False".

    Is it possible to return them to the grid control as actual Booleans and evaluate them as such?

    dataSource: {
        data:
        [
            @foreach (var report in Model.Reports)
            {
                <text>{Id: @report.Id, ReportId: "@report.ReportId", ReportSample: "@report.ReportSample", ReportLegend: "@report.ReportLegend", ReportFaq: "@report.ReportFaq", ReportName: "@report.ReportName"}, </text>
            }
        ],
        schema: {
            model: {
                id: "Id",
                fields: {
                    Id: { type: "number" },
                    ReportId: { type: "string" },
                    ReportSample: { type: "string" },
                    ReportLegend: { type: "string" },
                    ReportFaq: { type: "string" },
                    ReportName: { type: "string" }
                }
            }
        }
    }

    I currently have quotes around the Boolean values being returned:
    "@report.ReportSample", "@report.ReportLegend", "@report.ReportFaq"
    removing the quotes causes the grid to not display

    Thanks for the assistance
    Naveen
    Top achievements
    Rank 1
     answered on 20 Jan 2012
    3 answers
    517 views
    Hello,

    I have created a tab control. I'm trying to figure out how to select a tab from JavaScript. Currently, I'm trying the following and its not working.

    <div id="myTabs">
      <ul>
        <li class="k-state-active">Tab 1</li>
        <li>Tab 2</li>
        <li>Tab 3</li>
      </ul>
     
      <div id="tab1">tab 1 content</div>
      <div id="tab2">tab 2 content</div>
      <div id="tab3"><input type="button" onclick="selectMyTab();" value="button" /></div>
    </div>
     
     
    <script type="text/javascript">
        $().ready(function () {
            $("#myTabs").kendoTabStrip({
                animation: { open: { effects: ""} }
            });
       });
     
      function selectMyTab() {
        $("#myTabs").kendoTabStrip().select("#tab1");
      }
    </script>

    What am I doing wrong?
    Damon
    Top achievements
    Rank 1
     answered on 19 Jan 2012
    Narrow your results
    Selected tags
    Tags
    Grid
    General Discussions
    Charts
    Data Source
    Scheduler
    DropDownList
    TreeView
    MVVM
    Editor
    Window
    DatePicker
    Spreadsheet
    Upload
    ListView (Mobile)
    ComboBox
    TabStrip
    MultiSelect
    AutoComplete
    ListView
    Menu
    Templates
    Gantt
    Validation
    TreeList
    Diagram
    NumericTextBox
    Splitter
    PanelBar
    Application
    Map
    Drag and Drop
    ToolTip
    Calendar
    PivotGrid
    ScrollView (Mobile)
    Toolbar
    TabStrip (Mobile)
    Slider
    Button (Mobile)
    Filter
    SPA
    Drawing API
    Drawer (Mobile)
    Globalization
    LinearGauge
    Sortable
    ModalView
    Hierarchical Data Source
    Button
    FileManager
    MaskedTextBox
    View
    Form
    NavBar
    Notification
    Switch (Mobile)
    SplitView
    ListBox
    DropDownTree
    PDFViewer
    Sparkline
    ActionSheet
    TileLayout
    PopOver (Mobile)
    TreeMap
    ButtonGroup
    ColorPicker
    Pager
    Styling
    MultiColumnComboBox
    Dialog
    Chat
    DateRangePicker
    Checkbox
    Timeline
    Drawer
    DateInput
    ProgressBar
    MediaPlayer
    ImageEditor
    TextBox
    OrgChart
    Effects
    Accessibility
    PivotGridV2
    ScrollView
    BulletChart
    Licensing
    QRCode
    ResponsivePanel
    Switch
    Wizard
    CheckBoxGroup
    TextArea
    Barcode
    Breadcrumb
    Collapsible
    Localization
    MultiViewCalendar
    Touch
    RadioButton
    Stepper
    Card
    ExpansionPanel
    Rating
    RadioGroup
    Badge
    Captcha
    Heatmap
    AppBar
    Loader
    Security
    TaskBoard
    Popover
    DockManager
    FloatingActionButton
    CircularGauge
    ColorGradient
    ColorPalette
    DropDownButton
    TimeDurationPicker
    ToggleButton
    TimePicker
    BottomNavigation
    Ripple
    SkeletonContainer
    Avatar
    Circular ProgressBar
    FlatColorPicker
    SplitButton
    Signature
    Chip
    ChipList
    VS Code Extension
    AIPrompt
    PropertyGrid
    Sankey
    Chart Wizard
    OTP Input
    SpeechToTextButton
    InlineAIPrompt
    StockChart
    ContextMenu
    DateTimePicker
    RadialGauge
    ArcGauge
    AICodingAssistant
    +? more
    Top users last month
    Top achievements
    Rank 1
    Iron
    Iron
    Iron
    Rob
    Top achievements
    Rank 3
    Bronze
    Bronze
    Iron
    ivory
    Top achievements
    Rank 1
    Iron
    Nurik
    Top achievements
    Rank 2
    Iron
    Iron
    YF
    Top achievements
    Rank 1
    Iron
    Want to show your ninja superpower to fellow developers?
    Top users last month
    Top achievements
    Rank 1
    Iron
    Iron
    Iron
    Rob
    Top achievements
    Rank 3
    Bronze
    Bronze
    Iron
    ivory
    Top achievements
    Rank 1
    Iron
    Nurik
    Top achievements
    Rank 2
    Iron
    Iron
    YF
    Top achievements
    Rank 1
    Iron
    Want to show your ninja superpower to fellow developers?
    Want to show your ninja superpower to fellow developers?