jQWidgets Forums

jQuery UI Widgets Forums Layouts Kanban Change column text or Reflect limits

This topic contains 4 replies, has 2 voices, and was last updated by  svetoslav_borislavov 2 years, 5 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • Change column text or Reflect limits #123857

    dusty
    Participant

    Hi

    I’m trying to find out how to get the column item limit to show in the column heading.
    I wanted to simply set the text of the item, but doing that doesn’t update the column heading.
    I was actually hoping that there was a way to just show/hide that detail.
    If not, I simply need a method/function to refresh the column heading after I change its text.

    Change column text or Reflect limits #123861

    Hi,

    You can do the following to change the column header dynamically: http://jsfiddle.net/fjv85omt/
    If I did not understand you correctly, let me know, I am here to help!

    Best regards,
    Svetoslav Borislavov

    jQWidgets Team
    https://www.jqwidgets.com/

    Change column text or Reflect limits #123874

    dusty
    Participant

    Thanks, I can try work with that.
    It’s not ideal, since I only want to update one column heading without re-initializing all the columns.

    Ideally I’d like something like .getColumn(column).text(“new text”)
    Perhaps coupled with .updateColumns() or something if the above doesn’t automatically update the dom.

    Change column text or Reflect limits #123881

    dusty
    Participant

    This does what I want

            columnRenderer: function (element, collapsedElement, column) {
                var columnItems = $("#kanban3").jqxKanban("getColumnItems", column.dataField).length;
                element.find(".jqx-kanban-column-header-status").html(" (" + columnItems + "/" + column.maxItems + ")");
                collapsedElement.find(".jqx-kanban-column-header-status").html(" (" + columnItems + "/" + column.maxItems + ")");
            }
    Change column text or Reflect limits #123882

    Hi,

    You can use the setcolumnproperty method to change the column’s text.
    See this demo: http://jsfiddle.net/npukq35z/1/

    Docs: Sets a property of a column.Possible property names: ‘text’, ‘hidden’, ‘hideable’, ‘renderer’, ‘cellsrenderer’, ‘align’, ‘cellsalign’, ‘cellsformat’, ‘pinned’, ‘contenttype’, ‘resizable’, ‘filterable’, ‘editable’, ‘cellclassname’, ‘classname’, ‘width’, ‘minwidth’, ‘maxwidth’

    dataField String
    propertyName String
    propertyValue Object

    I hope this helps!

    Best regards,
    Svetoslav Borislavov

    jQWidgets Team
    https://www.jqwidgets.com/

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.