javascript - How do I specify where a span will be placed in a extjs grid? -
javascript - How do I specify where a span will be placed in a extjs grid? -
i'm pretty new extjs please bare me. i'm trying understand code edited
so created next variable var headerplaceholdercomponent = '()';
and placed in function below
formattitle: function (containerwidth, containernametitle, aggregationtitle) { // 1 character approximates 6 pixels. so, dividing 5.5 var maxcharacters = math.ceil(containerwidth / 5.5); var combinedtitle = containernametitle + aggregationtitle; if (combinedtitle.length > maxcharacters) { var numberofcharstotruncate = maxcharacters - combinedtitle.length; aggregationtitle = aggregationtitle.replace(aggregationtitle.slice(numberofcharstotruncate), '...'); } var formattedcontainernametitle = '<span class="conatiner-name-title">' + containernametitle + '</span>'; var formattedaggregationtitle = '(<span class="aggregation-title-style-in-grid">' + aggregationtitle + '</span>)'; var headerplaceholdercomponent = '(<span class="header-placeholder"></span>)'; var formattedcombinedtitle = aggregationtitle.length > 0 ? formattedcontainernametitle + ' ' + formattedaggregationtitle + headerplaceholdercomponent : formattedcontainernametitle + headerplaceholdercomponent ; homecoming formattedcombinedtitle; },
currently span created renders out in html within next span.
<span class="x-panel-header-text x-panel-header-text-default-framed" id="ext-gen1419"> <span id="ext-gen1525" class="header-placeholder"></span> <!--my span --> </span>
i span render within div instead:
so final rendered coded this:
<div class="x-component x-box-item x-component-default" id="component-1196" role="heading"> <span id="ext-gen1525" class="header-placeholder"></span> <!--my span --> </div>
how can specify in html span render?
javascript extjs
Comments
Post a Comment