在按钮单击、php、phalcon 上显示更多隐藏文本

小鸟坤

我有一个表,显示数据库中的项目。其中一项是描述,所以它可能很长。我遇到的最大问题是如何在我的控制器类中流畅地使用 JS 和 HTML。

如果它的长度超过 100 个字符,我希望能够显示它的一点点,以及一个看起来像“...”的按钮,如果用户点击它,它会显示修剪后的文本。我想使用 javascript 来做到这一点,这是我尝试过的,这段代码在我的控制器中,所以我只是将这些发送到视图。

问题是当我按下按钮时它不显示任何内容所以这里有什么问题?有些人建议使用 jquery,但我不想在别处编写我的 js 脚本并再次调用它,因为我不确定我将如何在 Phalcon 控制器中做到这一点。

    $this->view->tblColumns = [
            'element one',
            'element two',
            function (tablename $instance) {
                if (strlen($desc = $instance->getDescription()) > 100) {
                    return $shortDesc = substr($instance->getDescription(), 0, 100) . '
<button style="background: none;border: none" onclick="(function(){
    var desc= <?php echo
    $desc; ?>; document.write(desc) ;
})()" >...</button>';

                } else {
                    return $instance->getDescription();
                }
            },
小鸟坤

我找到了一种方法来做我想做的事情,使用代码阅读更多内容,从此链接中阅读更少内容https://codepen.io/maxds/pen/jgeoA我在 phalcon MVC 中遇到的问题,是我没有不知道我可以在控制器视图中使用我的 java 脚本和 css,这就是我所做的。我只是使用该链接中的 js 到我的视图文件中,使用标签和标签的 css 也是如此。在控制器上的函数中,我写了以下内容`

$this->view->tblColumns = [
            'one',
            'two',
            function(tablename $link){
            $desc=$link->getDescription();
                $html=<<<HTML
             <span span class="more"> $desc</span>
                  HTML;
                return $html;
            }`

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在按钮上显示/隐藏文本旁边显示图标?

来自分类Dev

使用按钮显示/隐藏文本

来自分类Dev

显示/隐藏文本按钮位置

来自分类Dev

单击“按钮”时隐藏文本和显示消息

来自分类Dev

如何在链接按钮上的gridview中显示和隐藏文本框

来自分类Dev

单击按钮隐藏或取消隐藏文本

来自分类Dev

将鼠标悬停在按钮显示的隐藏文本框中

来自分类Dev

PHP BlackJack随机卡在按钮上单击

来自分类Dev

在按钮单击PHP脚本上添加数组

来自分类Dev

使用Jquery在按钮单击上隐藏/显示Div

来自分类Dev

在按钮单击jquery上隐藏/显示div

来自分类Dev

如何使用AngularJS在按钮单击上显示(隐藏的)<td>?

来自分类Dev

单击按钮时如何隐藏文本

来自分类Dev

在按钮上单击隐藏键盘

来自分类Dev

UIAlertController在按钮上单击

来自分类Dev

UIAlertController在按钮上单击

来自分类Dev

在按钮上显示div单击

来自分类Dev

如何在按钮单击上添加更多元素

来自分类Dev

在按钮和正文上均单击时,“阅读更多”

来自分类Dev

在按钮单击上从instagram API检索更多照片

来自分类Dev

单击该按钮可更改其位置/ css的按钮,并可在显示/隐藏文本之间切换

来自分类Dev

单击后显示更多隐藏按钮

来自分类Dev

在按钮单击时显示和隐藏下拉列表?

来自分类Dev

如何在按钮单击时应用显示和隐藏?

来自分类Dev

在jQuery中单击任何按钮后如何隐藏文本

来自分类Dev

在按钮上单击多个ListView

来自分类Dev

在按钮单击事件上绑定dxSelectBox

来自分类Dev

在按钮上单击选择tableViewCell

来自分类Dev

在按钮上单击,页面无用