When I follow your tutorials and try to bind or insert data or repeater, DW replaces each time a different part of the code. It's impossible to follow your tutorials. I'm using DW CC for Mac. Please post the code of the tutorials, otherwise reproducing is impossible. Great extension but at the moment, completly unusable :-(

Hello Andre,

Can you provide more details to clarify the statement "...DW replaces each time a different part of the code".

Regards,

It looks like if

<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="ScriptLibrary/dmxDataBindings.js"></script>
<script type="text/javascript" src="ScriptLibrary/dmxDataSet.js"></script>

is not in the page, that your extension can't place the repeat code at the right place.

This reply was removed on 10/4/2013 6:54:24 AM.
See the changelog

I have this code:

<table width="600" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="300">Dienstleistung</td>
    <td width="300">Infos</td>
  </tr>
  <tr data-binding-repeat="{{dsDienstleistungenInfos.data}}" data-binding-id="repeat1">
    <td width="300">Dienstleistung</td>
    <td width="300">Infos</td>
  </tr>
</table>

I select the 2nd <tr></tr> and add the group by filter and receive the following code:

<div data-binding-id="repeat2" data-binding-repeat="{{dsDienstleistungenInfos.data.groupBy( &quot;Dienstleistung&quot; )}}">
  <tr data-binding-repeat="{{dsDienstleistungenInfos.data}}" data-binding-id="repeat1">
    <td width="300">Dienstleistung</td>
    <td width="300">Infos</td>
  </tr>
</div>

Please post more detailed information, what code should result after each step in your tutorial. This would help to understand what your extension does and what might go wrong. At the moment this is only a black box and can't be understood by us customers.

And I get different result code when I select the same code lines in design or code view.

After a long time of testing I guess I found the problem (without knowing how the final code should look like...).
After adding the first repeat region to <tr></tr> the code looks like this:

...
 <tr data-binding-repeat="{{dsServices.data}}" data-binding-id="repeat1">
...

Adding the group filter, the code should be changed to:

...
 <tr data-binding-repeat="{{dsServices.data.groupBy( &quot;Service&quot; )}}" data-binding-id="repeat1">
    ...

But the extension can't find and replace the code and places it somewhere else instead. Might be a Mac-bug only, but this should have appeared in testing. Please provide an update.

Hello,

It seems you do not click on the blue label "Repeat region.." that appears on top of the <tr> before applying the filter.
There are no such known issues on both mac or windows.
Please work in design view and make sure you select the proper tag in the Properties inspector.

Hi Teodor
I checked this and it looks like that sometimes the correct selection switches to a different selection when clicking on the formatter icon.

Also if I select the same code in code view the result should be the same – I my opinion – but it's not. You should mention in your manuals/tutorials how to correctly select the code parts (or maybe I missed this).

Working on more complex design makes it sometimes impossible to select in design view.

Please provide the tutorial samples pages as downloads in order to follow the correct code. Thanks.

It does not matter if you work in design or code view, you should always make sure you select the right tag in the properties inspector, not just clicking it in the code.

ok, thanks. I'll have a try.

Does any one find a solution to this, can not make it work "group by"
did try on mac on win … I really need this group by !
thks

Please provide the tutorial samples pages as downloads in order to follow the correct code. Thanks.

Hello Nicolas,

Here is the link to the video tutorial showing how to use the group by filter: www.dmxzone.com/go/22131/using-the-group-by-filter-in-html5-data-bindings-formatter

sorry but i did try, for more than 6 hours!
I can not make it work, for example when you say on the video to select value and repeat … no possible because value show only: text/html etc…
and when I click on binding group get same issue as it say here, but I did manage to move the code but if I put "name" nothing appear… something wrong some where, that why it will be super nice to have a sample page code ! btw I did try on both mac and win 7
here is part of the code, NOTE: I re did a new test page with only data binding on it, in this sample code, the name should work but it doesn't show any data… before to get the second problem from "value"
As I say will super nice to get a sample code, thanks

<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<th scope="col">namne</th>
		<th scope="col">file</th>
	</tr>
	<tr data-binding-repeat="{{projectliste.data.groupBy( &quot;namep&quot; )}}" data-binding-id="repeat1">
		<td>{{repeat1.$name}}</td>
		<td>projectfile</td>
	</tr>
</table>

Got one problem solve:

 <td>{{repeat1.$name}}</td>  

change to:

 <td>{{$name}}</td>  

and the second one:

<td data-binding-repeat="{{$value}}" data-binding-id="repeat2">{{nameg}}</td>

I can tell that something go wrong sometime when applying the binding, so that why Nice to see the code!
One more thing I did get rid of the underscore in the name field (name_p change to namep), and the code didn't jump somewhere else…

Nicolas, you're right. The video tutorial needs to be updated.

With the new separated repeat regions is it not possible to follow the tutorial and create the "grouped by" lists.

Nicolas the final code should look like this in order to work:

<table width="600" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>Category</td>
    <td>Products</td>
  </tr>
  <tr data-binding-repeat="{{dsTest.data.groupBy( &quot;Category&quot; )}}" data-binding-id="repeat1">
    <td>{{$name}}</td>
    <td><div data-binding-id="repeat2" data-binding-repeat="{{$value}}">{{ProductName}}</div></td>
  </tr>
</table>

That's out of the former version where the repeat regions where part of the datasource. I don't see a way to reproduce this just by, selecting and binding with the new version...

DMX should provide code samples too in order to show what the code is doing on the page. This must be part of a documentation.

Thanks a lot for this Andre!, will make it easier to use the extension

You're welcome. I hope this helps.

Teodor, can you please update the tutorial?