|
@@ -95,21 +95,29 @@ export default class ProductCategoryList extends React.Component { |
|
@@ -95,21 +95,29 @@ export default class ProductCategoryList extends React.Component { |
95
|
}
|
95
|
}
|
96
|
|
96
|
|
97
|
return (
|
97
|
return (
|
98
|
- <View style={styles.container}>
|
|
|
99
|
- <ListView
|
|
|
100
|
- style={styles.leftContentContainer}
|
|
|
101
|
- dataSource={this.dataSourceL.cloneWithRows(categoryFilterList.toArray())}
|
|
|
102
|
- renderRow={this.leftRenderRow}
|
|
|
103
|
- scrollsToTop={false}
|
|
|
104
|
- />
|
|
|
105
|
- <ListView
|
|
|
106
|
- ref='subCategoryList'
|
|
|
107
|
- style={styles.rightContentContainer}
|
|
|
108
|
- dataSource={this.dataSourceR.cloneWithRows(subList.toArray())}
|
|
|
109
|
- renderRow={this.rightRenderRow}
|
|
|
110
|
- scrollsToTop={false}
|
|
|
111
|
- />
|
|
|
112
|
- </View>
|
98
|
+ <View style={styles.allcontainer}>
|
|
|
99
|
+ <BrandProductFilter
|
|
|
100
|
+ onPressFilter={this.props.onPressFilter}
|
|
|
101
|
+ lastSelected={this.props.productList.isFilter}
|
|
|
102
|
+ moreFilter={this.props.productList.isMoreFilter}
|
|
|
103
|
+ selectOrder={this.props.productList.order}/>
|
|
|
104
|
+
|
|
|
105
|
+ <View style={styles.container}>
|
|
|
106
|
+ <ListView
|
|
|
107
|
+ style={styles.leftContentContainer}
|
|
|
108
|
+ dataSource={this.dataSourceL.cloneWithRows(categoryFilterList.toArray())}
|
|
|
109
|
+ renderRow={this.leftRenderRow}
|
|
|
110
|
+ scrollsToTop={false}
|
|
|
111
|
+ />
|
|
|
112
|
+ <ListView
|
|
|
113
|
+ ref='subCategoryList'
|
|
|
114
|
+ style={styles.rightContentContainer}
|
|
|
115
|
+ dataSource={this.dataSourceR.cloneWithRows(subList.toArray())}
|
|
|
116
|
+ renderRow={this.rightRenderRow}
|
|
|
117
|
+ scrollsToTop={false}
|
|
|
118
|
+ />
|
|
|
119
|
+ </View>
|
|
|
120
|
+ </View>
|
113
|
);
|
121
|
);
|
114
|
}
|
122
|
}
|
115
|
};
|
123
|
};
|
|
@@ -119,18 +127,30 @@ let rowHeight = Math.ceil(height - 37); |
|
@@ -119,18 +127,30 @@ let rowHeight = Math.ceil(height - 37); |
119
|
let rowWidth = Math.ceil(width / 2);
|
127
|
let rowWidth = Math.ceil(width / 2);
|
120
|
|
128
|
|
121
|
let styles = StyleSheet.create({
|
129
|
let styles = StyleSheet.create({
|
|
|
130
|
+ allcontainer:{
|
|
|
131
|
+ flex: 1,
|
|
|
132
|
+ flexDirection: 'column',
|
|
|
133
|
+ left: 0,
|
|
|
134
|
+ width: width,
|
|
|
135
|
+ height: height ,
|
|
|
136
|
+ backgroundColor: '#ffffff',
|
|
|
137
|
+ borderTopColor: '#e0e0e0',
|
|
|
138
|
+ borderTopWidth: 0.5,
|
|
|
139
|
+ borderLeftColor: '#ffffff',
|
|
|
140
|
+ borderLeftWidth: 0,
|
|
|
141
|
+ borderRightWidth: 0,
|
|
|
142
|
+ borderBottomWidth: 0,
|
|
|
143
|
+
|
|
|
144
|
+ },
|
122
|
container:{
|
145
|
container:{
|
123
|
flex: 1,
|
146
|
flex: 1,
|
124
|
flexDirection: 'row',
|
147
|
flexDirection: 'row',
|
125
|
position: 'absolute',
|
148
|
position: 'absolute',
|
126
|
- top: 40,
|
|
|
127
|
left: 0,
|
149
|
left: 0,
|
128
|
width: width,
|
150
|
width: width,
|
129
|
height: height - 40 - 44 - 64,
|
151
|
height: height - 40 - 44 - 64,
|
130
|
backgroundColor: '#ffffff',
|
152
|
backgroundColor: '#ffffff',
|
131
|
- borderTopColor: '#e0e0e0',
|
|
|
132
|
- borderTopWidth: 0.5,
|
|
|
133
|
- borderLeftColor: '#ffffff',
|
153
|
+ borderTopWidth: 0,
|
134
|
borderLeftWidth: 0,
|
154
|
borderLeftWidth: 0,
|
135
|
borderRightWidth: 0,
|
155
|
borderRightWidth: 0,
|
136
|
borderBottomWidth: 0,
|
156
|
borderBottomWidth: 0,
|