Grid 如何在自定义typo3网格元素中呈现内容？

我正在尝试创建一个简单的2列摘要元素，它在左列显示一个图像，在右列显示一个内容元素加上一个按钮链接

这是原版ts，它可以工作，但很难看，图像是静态的：

---

tt_content.gridelements_pi1.20.10.setup{
29

---

这是我正在编码的新ts，图像和按钮正常工作，但内容元素部分未正确显示：

---

tt_content.gridelements_pi1.20.10.setup{
29

---

基本上我只想让“20.prepend.25<.default”起作用，我尝试了““ 我明白了，我不确定这是否是最优雅的解决方案，但我使用了prepend/append来夹心renderObj

        columns {
        20.outerWrap = <div class="fifty1">|</div>
        20.prepend = COA            
                    20.prepend {
                         20 = IMAGE
                         20.file.width = 386
                         20.file.height = 162 
             20.file.import.field = flexform_teaserimage1
                         20.stdWrap.typolink.parameter.field = flexform_link1
                         20.wrap  = <div class="csc-textpic csc-textpic-intext-left-nowrap"><div class="csc-textpic-imagewrap">|</div></div>
                    }

                    20.renderObj = COA
                    20.renderObj {
                         25 =< tt_content
                         wrap = <div class="fiftycontent"><div class="csc-textpic csc-textpic-text">|</div></div>
                         25.stdWrap.typolink.parameter.field = flexform_link1 
                    }

        20.append = COA         
                    20.append {
             30 = IMAGE
             30.file = {$tmplpath}images/button.png
             30.stdWrap.typolink.parameter.field = flexform_link1
             30.wrap = <div class="fiftylink">|</div> 
                    }

    }

列{
20.外套=|
20.prepend=COA
20.预弯{
20=图像
20.file.width=386
20.file.height=162
20.file.import.field=flexform_Trimage1
20.stdWrap.typlink.parameter.field=flexform_link1
20.2.1|
}
20.j=COA
20.6.j{
25=

您知道

多列

分机吗？我喜欢它非常简单，而且在后端对用户友好。我认为这可能是一个解决方案，在你的情况下，这也意味着你少打字：-）我听说过，但从来没有真正尝试过，我们目前正在使用网格元素，因为它非常接近templavoila。我们无法真正切换，因为该站点已经内置在其中

tt_content.gridelements_pi1.20.10.setup {
        29 < lib.gridelements.defaultGridSetup
        29 {
        columns {
            20.prepend = COA
            20.prepend.20 = IMAGE
            20.prepend.20.file.import.field = flexform_teaserimage1
            20.insertData = 1           
                    20.prepend.20.stdWrap.typolink.parameter.field = flexform_link1
                    20.prepend.20.wrap  = <div class="csc-textpic csc-textpic-intext-left-nowrap"><div class="csc-textpic-imagewrap">|</div></div>

                    20.prepend.25 < .default 

                    20.prepend.25.outerWrap = <div class="fiftycontent"><div class="csc-textpic csc-textpic-text">|</div></div>
                    20.prepend.25.stdWrap.typolink.parameter.field = flexform_link1
            20.prepend.30 = IMAGE
            20.prepend.30.file = {$tmplpath}images/button.png
            20.prepend.30.stdWrap.typolink.parameter.field = flexform_link1
            20.prepend.30.wrap = <div class="fiftylink">|</div> 
            20.prepend.wrap = <div class="fifty1">|</div>

        }
        wrap = <div class="largeteaser">|</div>
        }

}

        columns {
        20.outerWrap = <div class="fifty1">|</div>
        20.prepend = COA            
                    20.prepend {
                         20 = IMAGE
                         20.file.width = 386
                         20.file.height = 162 
             20.file.import.field = flexform_teaserimage1
                         20.stdWrap.typolink.parameter.field = flexform_link1
                         20.wrap  = <div class="csc-textpic csc-textpic-intext-left-nowrap"><div class="csc-textpic-imagewrap">|</div></div>
                    }

                    20.renderObj = COA
                    20.renderObj {
                         25 =< tt_content
                         wrap = <div class="fiftycontent"><div class="csc-textpic csc-textpic-text">|</div></div>
                         25.stdWrap.typolink.parameter.field = flexform_link1 
                    }

        20.append = COA         
                    20.append {
             30 = IMAGE
             30.file = {$tmplpath}images/button.png
             30.stdWrap.typolink.parameter.field = flexform_link1
             30.wrap = <div class="fiftylink">|</div> 
                    }

    }